Analisis proses permulaan AngularJS (bootstrap)_AngularJS

Ikhtisar

Bahagian ini menerangkan proses permulaan AngularJS dan cara anda boleh mengubah suai permulaan AngularJS apabila diperlukan.

teg AngularJS

Contoh ini menunjukkan kaedah kami yang disyorkan untuk menyepadukan AngularJS, yang dipanggil "pemulaan automatik".

Salin kod Kod adalah seperti berikut:

...

formatTarikh

1. Letakkan teg skrip dalam kod di atas di bahagian bawah halaman. Meletakkan teg skrip di bahagian bawah memendekkan masa memuatkan aplikasi kerana pemuatan HTML tidak akan disekat oleh pemuatan skrip angular.js. Anda boleh mendapatkan versi terkini daripada http://code.angularjs.org. Sila jangan rujuk URL ini dalam kod anda, kerana ia akan mendedahkan risiko keselamatan tapak anda. Jika ini adalah pembangunan percubaan, tiada masalah dengan memaut ke tapak kami.

1).angular-[version].js ialah versi yang boleh dibaca sesuai untuk pembangunan dan penyahpepijatan.
2).angular-[version].min.js ialah versi yang dimampatkan dan dikelirukan, sesuai untuk penggunaan ke dalam produk matang.

2. Sila letakkan arahan ng-app dalam nod akar teg aplikasi anda. Jika anda mahu AngularJS melaksanakan keseluruhan program

Salin kod Kod adalah seperti berikut:

3. Jika anda ingin menggunakan versi lama sintaks arahan: ng:, anda juga perlu menulis ruang nama xml dalam (Ini dilakukan atas beberapa sebab sejarah, kami tidak mengesyorkan anda terus menggunakan ng: sintaks.)

Salin kod Kod adalah seperti berikut:

Pengamatan automatik

AngularJS akan dilaksanakan apabila acara DOMContentLoaded dicetuskan dan mencari skop akar aplikasi anda melalui arahan ng-app. Jika arahan ng-app ditemui, AngularJS akan:

1. Muatkan modul yang berkaitan dengan kandungan arahan.
2. Buat aplikasi "injector".
3. Sudah mempunyai label arahan ng-app sebagai nod akar untuk menyusun DOM di dalamnya. Ini membenarkan anda untuk menentukan hanya sebahagian daripada DOM untuk aplikasi AngularJS anda.

Salin kod Kod adalah seperti berikut:

Saya boleh menambah: {{ 1 2 }}.
& Lt; skrip src = "angular.js" & gt;

Pengamatan manual

Jika anda perlu mengawal proses pemulaan secara aktif, anda boleh menggunakan kaedah melaksanakan program but secara manual. Sebagai contoh, anda akan menggunakannya apabila anda menggunakan "pemuat skrip" atau perlu melakukan beberapa operasi sebelum AngularJS menyusun halaman.

Contoh berikut menunjukkan cara untuk memulakan AngularJS secara manual. Kesannya adalah setara dengan menggunakan arahan ng-app.

Salin kod Kod adalah seperti berikut:

Helo {{'World'}}!
           
                                                                                                               angular.element(dokumen).ready(function() {
               angular.bootstrap(dokumen);
            });
                                                                                              

Berikut ialah beberapa susunan yang mesti diikuti oleh kod anda:

1. Selepas halaman dan semua skrip dimuatkan, cari nod akar templat HTML - biasanya nod akar dokumen.

2. Panggil api/angular.bootstrap untuk menyusun templat menjadi aplikasi pengikat data dua hala yang boleh dilaksanakan.