如何在Angular中包含外部JavaScript文件？

Question

我一直在搞Angular，我試圖包括一個外部的.js文件，但Angular一直忽略它。我試圖在<header>中包含該文件。

我試圖通過使用組件

@Component({ 
    selector: 'my-app', 
    templateUrl: './app.component.html', 
    stylesUrl: ['/js/bootstrap.min.js'] 
}) 

，但似乎沒有任何工作裏面styleUrl包括它。

我應該怎麼做？

Answer 1

將script標記添加到您的index.html文件（或等效文件）中，並將src設置爲JavaScript文件。然後，當頁面被請求時，它將包含文件。如果您需要調用特定的引導程序方法，您將需要使用模塊導入在組件中導入庫，以在您的TypeScript代碼中引用它。

Answer 2

你的問題是針對Angular 2的，而stylesUrl針對的是css而不是js。

根據依賴關係的不同，以不同的方式連接Angular 2中的依賴關係。可以通過擴展類，注入依賴關係或在好的情況下添加註釋來依賴關係。在不好的情況下可能需要黑客。這裏是the official documentation on dependency injection。

看起來你特別關心Bootstrap。這裏是how you can inject Bootstrap into an ng2 component。