Penjelasan terperinci tentang sintaks AngularJS (bersambung)_AngularJS

atribut src dan href

Dalam Angularjs, src hendaklah ditulis sebagai ng-src dan href hendaklah ditulis sebagai ng-href Contohnya:

Salin kod Kod adalah seperti berikut:

Sesetengah teks

Ekspresi

Anda boleh melakukan operasi matematik mudah, operasi perbandingan, operasi Boolean, operasi bitwise, tatasusunan rujukan, notasi objek, dsb. dalam templat Walaupun kita boleh melakukan banyak perkara dengan ungkapan, ungkapan menggunakan penterjemah tersuai of Angular) dan bukannya menggunakan fungsi eval() Javascript, jadi ia mempunyai batasan yang lebih besar.
Walaupun ungkapan di sini lebih ketat daripada Javascript dalam banyak cara, mereka lebih bertolak ansur dengan tidak ditentukan dan batal Jika ralat ditemui, templat hanya memaparkan apa-apa dan bukannya membuang ralat NullPointerException. Contohnya:

Salin kod Kod adalah seperti berikut:

{{computer() /10 }}

//Walaupun ia sah, ia meletakkan logik perniagaan ke dalam templat ini

Asingkan tanggungjawab UI dan pengawal

Pengawal terikat kepada serpihan DOM tertentu dan serpihan ini ialah kandungan yang perlu mereka uruskan. Terdapat dua cara utama untuk mengaitkan pengawal ke nod DOM Salah satunya adalah dengan mengisytiharkannya dalam templat melalui ng-controller. Kita boleh mencipta pengawal bersarang Mereka boleh berkongsi model dan fungsi data melalui struktur warisan Bersarang sebenar berlaku pada objek $scope melalui mekanisme pewarisan primitif dalaman, $skop objek pengawal induk akan dihantar ke $skop dalaman. skop (semua sifat, termasuk fungsi). Contohnya:

Salin kod Kod adalah seperti berikut:

...

Gunakan $scope untuk mendedahkan data model

Anda boleh mencipta sifat $scope secara eksplisit, contohnya $scope.count = 5. Anda juga boleh membuat model data secara tidak langsung melalui templat itu sendiri.

Dengan ungkapan. Contohnya

Salin kod Kod adalah seperti berikut:

Tetapkan kiraan kepada tiga

Gunakan ng-model pada item borang

Sama seperti ungkapan, parameter model yang dinyatakan pada model ng juga berfungsi dalam pengawal luar. Satu-satunya perbezaan ialah ini mewujudkan pengikatan dua hala antara item borang dan model yang ditentukan.

Gunakan jam tangan untuk memantau perubahan dalam model data

Tandatangan fungsi $watch ialah: $watch(watchFn,watchAction,deepWatch)
watchFn ialah rentetan dengan ungkapan atau fungsi Sudut yang mengembalikan nilai semasa model data yang dipantau. watchAction ialah fungsi atau ungkapan yang dipanggil apabila watchFn berubah. Tandatangan fungsinya ialah:
function(newValue,oldValue,scope) deepWatch Jika ditetapkan kepada benar, parameter Boolean pilihan ini akan mengarahkan Angular untuk menyemak sama ada setiap sifat objek yang dipantau telah berubah. Anda boleh menggunakan parameter ini jika anda ingin memantau elemen dalam tatasusunan, atau semua sifat pada objek, dan bukannya memantau satu nilai. Ambil perhatian bahawa Angular perlu melintasi tatasusunan atau objek Jika koleksi besar, operasi akan menjadi rumit dan berat.

Fungsi $watch akan mengembalikan fungsi Apabila anda tidak perlu menerima pemberitahuan perubahan, anda boleh menggunakan fungsi yang dikembalikan ini untuk log keluar dari monitor.
Jika kita perlu memantau harta dan kemudian log keluar daripada pemantauan, kita boleh menggunakan kod berikut: var dereg = $scope.$watch('someModel.someProperty',callbackOnChange());
... dereg();

Kod contoh adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

   
   

       

Jumlah: {{totalCart()| mata wang }}

       

Diskaun: {{bill.discount | mata wang}}

       

SubJumlah: {{subtotal() | mata wang}}