组件渲染后的Angular 2加载脚本

时间:2017-07-12 06:04:52

标签: javascript angularjs angular2-template

我通过将HTML划分为组件,在HTML模板中添加角度2和现有脚本(js文件)。 我的所有脚本(存在于Index.HTML中)都是在加载组件之前加载的,因此脚本无法找到DOM元素。 在角度生命周期事件的帮助下,我添加了以下代码来加载脚本

ngAfterContentInit() {
    // Load the script
    var self = this;
    self.script = <HTMLScriptElement>document.createElement("SCRIPT");
    self.script.src = '../Content/js/settings.js';
    self.script.type = 'text/javascript';
    document.getElementsByTagName("head")[0].appendChild(self.script);

这是正确的方法吗?是否有添加脚本标记的替代方法

0 个答案:

没有答案