根據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');
    }
}

我希望這可以幫助遇到同樣問題的人。