2016-11-08 64 views
2

https://github.com/ocombe/ocLazyLoad角2 CLI - 第三方插件JS延迟加载

我已经使用这个角为1,有没有这样的任何替代插件为角2工作?我想包括第三方Javascript插件按需(懒加载),到我的Angular 2项目。迄今没有成功。我正在研究Angular CLI。我曾尝试在angular-cli.json文件中包含,其中包括jquery似乎的工作。但我认为这是全球负荷。

"styles": [ 
    "styles.css", 
    "../node_modules/bootstrap/dist/css/bootstrap.css" 
    ], 
    "scripts": [ 
    "../node_modules/jquery/dist/jquery.js" 
    ], 

比方说,我希望有一个页面,在该页面WOW.js插件。我应该调用一个包含WOW.js的组件,然后WOW.js文件将被动态包含。怎么做?

感谢

回答

0

你可以在你的角cli.json配置文件添加到您的资产WOW.js文件。

"assets": [ 
    "pathToYourPlugin/WOW.js" 
    ], 

然后进入你的组件添加一个脚本标签来导入你的库。

<script src="/WOW.js"></script> 
+0

我的组件html模板只是整个页面的一部分。如果我把这个''而不是? – Faizal

+0

当然可以。推荐的方法是在身体的尽头。这个答案不是真的很好,但它解决了你的要求。 –

+0

''没有导入。我确认可以在这里看到脚本'http:// localhost:4200/assets/wow.js'。 当我使用开发工具检查元素时,''标签已从html中删除。请帮忙。谢谢 – Faizal