角度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/