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

Question

我一直在使用 Angular，我試圖包含一個外部 .js 文件，但 Angular 一直忽略它。 我嘗試將文件包含在<header> 。

我嘗試通過在組件內使用 styleUrl 來包含它

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

但似乎沒有任何效果。

我應該怎么做？

Answer 1

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

Answer 2

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

在 Angular 2 中連接依賴項以不同的方式完成，具體取決於依賴項是什么。 可以通過擴展類、注入依賴項或在合適的情況下添加注釋來連接依賴項。 在不太好的情況下，可能需要進行黑客攻擊。 這是關於依賴注入的官方文檔。

看起來您特別關心 Bootstrap。 以下是將 Bootstrap 注入 ng2 組件的方法。

Answer 3

在 styleUrl 上，您應該包含樣式文件。 您可以在 angular.json（來自 Angular 6+）或 angular-cli.json（Angular 6 之前）上包含外部 javascript 或 css 文件。

或者簡單地說，您可以將那些包含在 index.html 中。