如何在 Angular 中整合外部 JavaScript 腳本並呼叫函數？

在Angular 中合併外部JavaScript 腳本和函數調用

問題：

你擁有一個JavaScript 文件，標題為“abc.js”，包含一個名為“xyz()”的函數。您的目標是在 Angular 專案中存取並呼叫此函數。如何才能實現這個目標？

解決方案：

1. Angular 設定檔中的參考腳本：

找到並開啟「angular-clicli .json」檔案（對於Angular 版本6 及更高版本，則為「angular.json」）。在「scripts」屬性下，指定外部JavaScript 檔案的路徑，如下例所示：

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

2.在typings.d.ts中宣告變數：

如果「src」目錄不存在，則在「src」目錄中建立一個名為「typings.d.ts」的檔案。在此文件中，宣告一個將引用外部腳本的變數：

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

3。匯入Angular 元件：

在您的Angular 元件中，使用下列語法匯入您在「typings.d.ts」中聲明的變數：

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

現在，您可以透過呼叫“variable.xyz()”從Angular 專案存取函數“xyz()”。

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