Bagaimana untuk Mengintegrasikan Skrip JavaScript Luaran dan Menjemput Fungsi dalam Sudut?

Menggabungkan Skrip JavaScript Luaran dan Seruan Fungsi dalam Sudut

Masalah:

Anda mempunyai Fail JavaScript, bertajuk "abc.js," menempatkan fungsi bernama "xyz()." Objektif anda adalah untuk mengakses dan menggunakan fungsi ini dalam projek Angular anda. Bagaimanakah anda boleh mencapai ini?

Penyelesaian:

1. Skrip Rujukan dalam Fail Konfigurasi Sudut:

Cari dan buka fail "angular-cli.json" (atau "angular.json" untuk versi Sudut 6 dan ke atas). Di bawah sifat "skrip", tentukan laluan ke fail JavaScript luaran anda, seperti yang dilihat dalam contoh ini:

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

2. Isytiharkan Pembolehubah dalam typings.d.ts:

Buat fail bernama "typings.d.ts" dalam direktori "src" jika ia tidak wujud. Dalam fail ini, isytiharkan pembolehubah yang akan merujuk skrip luaran anda:

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

3. Import ke dalam Komponen Sudut:

Dalam komponen Sudut anda, import pembolehubah yang anda isytiharkan dalam "typings.d.ts" menggunakan sintaks berikut:

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

Sekarang, anda boleh akses fungsi "xyz()" daripada projek Angular anda dengan memanggil "variable.xyz()".

Atas ialah kandungan terperinci Bagaimana untuk Mengintegrasikan Skrip JavaScript Luaran dan Menjemput Fungsi dalam Sudut?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!