角度2負載js庫路由請求時按需

Question

在angular2 web應用程序上工作，應用程序庫和依賴項隨着時間的增加而增加..所以現在當我的頁面加載時，它比平時花費更多的時間。

附近有約15-20個JavaScript庫，我在頁面中調用。

所以我想配置應用程序的方式，當特定模塊/路由調用，然後只需要依賴和庫將調用。

只是爲了舉例，我有company contact us page裏面，我正在加載google map所以我只想加載它的js文件，當它的路線/contact將被調用。

這裏是我的谷歌地圖API呼叫的index.html

<script async defer src="https://maps.googleapis.com/maps/api/js?key=my-key" type="text/javascript"></script> 
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=my-key" type="text/javascript"></script> 

現在我在我的組件公司接觸使用此。裏面，以及我有子組件谷歌地圖加載所以現在我想延遲加載資源時，這個模塊/組件調用（子或父）。

所以我想打電話給我接觸組件在我的谷歌地圖的js文件，所以這樣我可以讓的index.html比以前更輕。

我已經看到，我們可以加載css特定於組件，所以有無論如何我們可以打電話給js？

@Component({ 
    selector: 'contact', 
    templateUrl: './contact.component.html', 
    styleUrls: ['../../assets/dmaterial/theme/css/dmaterial-theme.css'], 
}) 

有任何建議，請..

Answer 1

有沒有辦法（由角本身）這樣做，但你可以用其他的方式建議在這裏 - >https://jmperezperez.com/ondemand-javascript-lazy-loading-stubs/