如何將外部 JavaScript 腳本和函數整合到您的 Angular 應用程式中？

在Angular 中合併JavaScript 腳本並呼叫函數

要在Angular 中包含外部JavaScript 檔案並使用其中的函數，請依照以下步驟操作：

1. 引用腳本檔：
   在angular-cli.json 檔案（或Angular 6 的angular.json ）中，加入以下程式碼：

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

   登入後複製

2. 在typings.d.ts中宣告一個變數：
   如果沒有則在src目錄下建立一個檔案存在，然後加入以下行：

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

   登入後複製

3. 匯入腳本：
   在要使用JavaScript 函數的元件中，匯入您在types.d. ts 中宣告的變數：

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

   登入後複製

4. 呼叫函數：
   您現在可以從匯入的變數存取JavaScript 函數。例如，要從abc.js 腳本呼叫xyz() 函數，您可以編寫：

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

   登入後複製

透過執行下列步驟，您可以輕鬆在Angular 中包含JavaScript 腳本檔案應用程式並無縫整合其功能。

以上是如何將外部 JavaScript 腳本和函數整合到您的 Angular 應用程式中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！