如何在 Angular 中整合外部 JavaScript 腳本和存取函數？

在Angular 和調用函數中包含JavaScript 腳本文件

將外部JavaScript 腳本集成到Angular 應用程序中並訪問其函數是自定義的一個關鍵方面並增強功能。讓我們探討如何實現這一點：

存取JavaScript 函數

要包含名為abc.js 的JavaScript 檔案並在Angular 中呼叫其xyz() 函數，請依照下列步驟操作：

1。更新 angular-cli.json （或 Angular 6 中的 angular.json ）

修改 angular-cli.json 檔案並在「scripts」屬性下新增 JavaScript 檔案的路徑。

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

2。定義 TypeScript 聲明檔

在 src 目錄中建立一個名為 Typings.d.ts 的檔案（如果不存在）。然後，加入以下聲明為腳本建立全域變數：

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

3.在您的元件中匯入腳本

在Angular 元件中使用以下語法匯入JavaScript檔案：

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

4.呼叫JavaScript 函數

您現在可以從匯入的JavaScript 檔案存取和呼叫xyz() 函數：

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

按照以下步驟，您可以無縫整合外部JavaScript將腳本新增至您的Angular 應用程式中，並利用它們的功能來增強您的Web 應用程式的功能。

以上是如何在 Angular 中整合外部 JavaScript 腳本和存取函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！