添加外部Javascript文件取决于Angular2中的组件名称

Question

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

我在应用程序（Home，Profile页面......）的不同部分有不同的组件，每个部分有一个JS文件（home.js，profile.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');
    }
}

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