在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中文網其他相關文章!