Angular 2处理外部Javascript脚本

时间:2016-11-07 16:37:09

标签: angular angular2-template

我正在编写一个Angular 2应用程序,它使用我从第三方下载的HTML模板设计。所有脚本标记都依赖于jquery。其中2个在加载文档后注册事件,其中1个显式调用“init”方法。

我的CSS LOOKS正确但没有那些js文件在正确的时间执行(在加载模板组件之后,即AfterViewInit),没有与模板的交互正常工作。

目前,我在index.html页面上有3个脚本标签,我知道这些标签不起作用,因为实际的html尚未加载。我的猜测是我需要在我的模板组件中实现AfterViewInit,但我不知道在该方法中要做什么来加载脚本文件并在其中一个文件中显式调用js方法。

非常感谢任何帮助。提前谢谢!

更新:

进一步澄清:我买了提供代码的模板。我在我的解决方案中托管js文件,但由于许可限制,我实际上无法将它们发布到任何地方。我可以更改它们但不希望在以后模板有任何更新的情况下。

其中一个文件是供应商文件,其中包含模板的第三方依赖项。第二个文件扩展了Twitter的Bootstrap.js。我相信这两个文件很好,因为它们没有调用任何方法,它们只是定义了以后使用的方法。

第三个以我在示例中给出的格式定义特定于模板的方法。该文件执行它自己定义的方法之一。它在定义了所有方法之后调用App.init()。

现在,在我的组件的html呈现之前调用App.init()方法(我理解为什么会发生这种情况,因为我目前在索引页面上有这个脚本文件的app.js文件,之前呈现Angular有机会呈现需要代码的视图。我需要在呈现视图之后调用该App.init,以便可以发生对页面上元素的挂钩(即$(“。menu-item”)实际上返回一些结果)。

0 个答案:

没有答案