首頁  >  文章  >  web前端  >  如何將外部 JavaScript 函數整合到 Angular 專案中?

如何將外部 JavaScript 函數整合到 Angular 專案中?

Barbara Streisand
Barbara Streisand原創
2024-10-26 14:23:31956瀏覽

How to Integrate External JavaScript Functions into an Angular Project?

將JavaScript 函數整合到Angular 專案

問題:

問題:

如何合併。 🎜>答案:

要將JavaScript 腳本檔案整合到Angular 中,您可以參考它在angular-cli.json (或Angular 6 中的angular.json )文件中。這會通知 Angular CLI 在建置期間在何處找到腳本。

將以下行新增至「scripts」陣列:
"scripts": [
    "../path-to-script"
]

接下來,您需要確保 TypeScript 可以辨識外部腳本。在src 目錄中建立Typings.d.ts 檔案(如果不存在)並新增以下聲明:
declare var variableName: any;

在您的Angular 元件或服務中,您可以如下匯入腳本:
import * as variable from 'variableName';

使用此技術,您可以從Angular 程式碼中的abc.js 腳本存取「公共」函數(xyz()),從而允許您無縫整合外部JavaScript 功能。

以上是如何將外部 JavaScript 函數整合到 Angular 專案中?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn