根据Angular2中的组件名称添加外部Javascript文件

Question

目前，我正在使用Angular2和Typescript创建一个应用程序。

我在应用程序的不同部分（主页，配置文件页面...）具有不同的组件，而每个部分（home.js，profile.js）都有一个JS文件。

我想知道是否有可能包含此文件，取决于正在加载的组件。

我尝试过的另一件事是将javascript文件添加到组件的视图中，但看起来Angular正在将其剥离。

任何建议或更好的方法做到这一点，我们将不胜感激。

谢谢

Answer 1

终于我自己解决了。

我要做的是在我的组件上实现AfterViewInit接口，并使用jQuery.getScript方法加载脚本。

import {Component, AfterViewInit} from "@angular/core";
@Component({
    moduleId: module.id,
    selector: 'home',
    templateUrl: '../views/home.html',
    styleUrls: ['../../public/css/home.css']
})

export class HomeComponent implements AfterViewInit {
    ngAfterViewInit(): void {
        jQuery.getScript('public/js/home.js');
    }
}

我希望这可以帮助遇到同样问题的人。