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

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

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);

ngAfterContentInit（）{
//加载脚本
var self=这个；
self.script=document.createElement（“脚本”）；
self.script.src='../Content/js/settings.js'；
self.script.type='text/javascript'；
document.getElementsByTagName（“head”）[0].appendChild（self.script）；

这是正确的方法吗？是否有其他方法可以添加脚本标记