Bagaimana untuk Mengintegrasikan Skrip dan Fungsi JavaScript Luaran ke dalam Aplikasi Sudut Anda?

Patricia Arquette
Lepaskan: 2024-10-30 18:53:30
asal
214 orang telah melayarinya

How to Integrate External JavaScript Scripts and Functions into Your Angular Application?

Menggabungkan Skrip JavaScript dan Fungsi Seruan dalam Sudut

Untuk memasukkan fail JavaScript luaran dalam Sudut dan menggunakan fungsi di dalamnya, ikuti langkah berikut:

  1. Rujuk Fail Skrip:
    Dalam fail angular-cli.json (atau angular.json untuk Angular 6 ), tambah kod berikut:

    <code class="JSON">"scripts": [
       "../path"
    ]</code>
    Salin selepas log masuk
  2. Isytihar Pembolehubah dalam typings.d.ts:
    Buat fail typings.d.ts dalam direktori src jika ia tidak wujud, dan kemudian tambah baris berikut:

    <code class="TypeScript">declare var variableName: any;</code>
    Salin selepas log masuk
  3. Import Skrip:
    Dalam komponen yang anda mahu gunakan fungsi JavaScript, import pembolehubah yang anda isytiharkan dalam typings.d.ts:

    <code class="TypeScript">import * as variable from 'variableName';</code>
    Salin selepas log masuk
  4. Memanfaatkan Fungsi:
    Anda kini boleh mengakses fungsi JavaScript daripada pembolehubah yang diimport . Sebagai contoh, untuk memanggil fungsi xyz() daripada skrip abc.js, anda akan menulis:

    <code class="TypeScript">variable.xyz();</code>
    Salin selepas log masuk

Dengan mengikut langkah ini, anda boleh memasukkan fail skrip JavaScript dengan mudah dalam Angular aplikasi dan menyepadukan fungsinya dengan lancar.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!