如何在 Angular 中包含 JavaScript 腳本檔案並呼叫函數？

在Angular 中包含JavaScript 腳本檔案和呼叫函數

在Angular 專案中，整合外部JavaScript 腳本並存取其函數可以增強應用程式程序能力。一個常見的場景是將腳本與公共函數結合以擴展 Angular 的功能。以下是有關如何實現此目標的綜合指南：

包含腳本文件

要在Angular 中包含JavaScript 文件，請修改Angular 的「腳本」部分- cli .json （或Angular 6 的angular.json ）。在陣列中新增腳本檔案的路徑，如下所示：

<code class="json">"scripts": [
  "../path/to/abc.js"
]</code>

在TypeScript 中引用腳本

在您的TypeScript 程式碼中，建立一個名為的聲明檔案types.d.ts（如果不存在）。新增下列聲明：

<code class="typescript">declare var variableName: any;</code>

匯入並呼叫函數

要在元件或服務中匯入腳本，請使用下列語法：

<code class="typescript">import * as variable from 'variableName';</code>

現在，您可以從匯入的變數中呼叫函數，例如：

<code class="typescript">variable.xyz();</code>

按照以下步驟，您可以輕鬆整合外部JavaScript 腳本並在Angular 應用程式中使用它們的函數.

以上是如何在 Angular 中包含 JavaScript 腳本檔案並呼叫函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！