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

Memasukkan Fail Skrip JavaScript dalam Fungsi Sudut dan Seruan

Mengintegrasikan skrip JavaScript luaran ke dalam aplikasi Sudut dan mengakses fungsinya adalah aspek utama untuk menyesuaikan dan mempertingkatkan fungsi. Mari kita terokai cara untuk mencapai ini:

Mengakses Fungsi JavaScript

Untuk memasukkan fail JavaScript bernama abc.js dan menggunakan fungsi xyz()nya dalam Angular, ikut langkah ini :

1. Kemas kini angular-cli.json (atau angular.json dalam Angular 6 )

Ubah suai fail angular-cli.json dan tambah laluan ke fail JavaScript di bawah sifat "skrip".

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

2. Tentukan Fail Pengisytiharan TypeScript

Buat fail bernama typings.d.ts dalam direktori src jika ia tidak wujud. Kemudian, tambahkan pengisytiharan berikut untuk mewujudkan pembolehubah global untuk skrip:

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

3. Import Skrip dalam Komponen Anda

Import fail JavaScript menggunakan sintaks berikut dalam komponen Sudut anda:

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

4. Panggil Fungsi JavaScript

Anda kini boleh mengakses dan menggunakan fungsi xyz() daripada fail JavaScript yang diimport:

<code class="typescript">abc.xyz();</code>

Dengan mengikuti langkah ini, anda boleh menyepadukan JavaScript luaran dengan lancar skrip ke dalam aplikasi Angular anda dan manfaatkan fungsinya untuk meningkatkan kefungsian apl web anda.

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