Saya telah belajar tentang penggunaan dasar AngularJS sebelumnya, jadi di sini saya akan mempelajari konten ekspresi yang relevan dengan PDF.
Ekspresi di AngularJs tidak persis sama dengan di JS.
Pertama -tama, ekspresinya harus ditempatkan di {{}} sebelum dapat digunakan. Kedua, dibandingkan dengan konsep ekspresi dalam JavaScript, ia memiliki perbedaan berikut:
1 lingkup yang berbeda
Fungsi default dalam JavaScript adalah jendela, tetapi berbeda di AngularJS. Ini menggunakan kontrol $ scope untuk bertindak.
2 Izinkan nilai yang tidak ditentukan
Di AngularJS, jika ekspresi yang tidak terdefinisi digunakan, tidak akan ada kesalahan, dan nilai nol akan dikembalikan secara langsung.
3 filter
Anda dapat menggunakan | Karakter perintah pipa dalam ekspresi untuk menambahkan filter, mirip dengan baris perintah UNIX.
Simbol 4 $
Digunakan untuk membedakan metode sudut dari metode yang ditentukan pengguna.
Ini kode kecil:
<! Doctype html> <html ng-app> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <script src = "http:/apps.bdimg.com/libs/angular.js/1.16//apps.bdimg.com/libs/angular.js/1.1.16.mular" <Div ng-controller = "ctl"> Nama: <input ng-model = "name" type = "text"> <tombol ng-click = "reset ()"> reset </atton> <br> {{name}} <br> halo! {{test}} <br> filter: {{name | Uppercase}} </div> <script type = "text/javascript"> function ctl ($ scope) {var str = "init"; $ scope.name = str; $ scope.reset = function () {$ scope.name = str; }} </script> </body> </html>memicu metode reset melalui reset untuk mengatur ulang konten variabel nama;
Dalam ekspresi, tes yang tidak ditentukan dirujuk, tetapi tidak ada kesalahan yang dilaporkan, dan ditampilkan sebagai kosong secara default; - {{tes}}
Akhirnya, gunakan filter untuk mengonversi nilai nama dalam ekspresi menjadi huruf besar. - {{name | huruf besar}}
Hasil Menjalankan:
Di atas adalah informasi yang memilah ekspresi AngularJS. Kami akan terus menambahkan informasi yang relevan di masa mendatang. Terima kasih atas dukungan Anda!