Struktur sederhana index.html di Angular.js:
<! Doctype html> <html ng-app> <head> <script src = "http://code.angularjs.org/angular-1.0.1.min.js"> </script> </head> <body> namamu: <input type = "text" ng-ng-model = "youNname" petak "" dore "{" whoLOM "{" name "hello" hello "hello" hello "hello" hello "hello" hello "hello" hello "hello" hello "hello" hello "hello" hello " 'Dunia'}}! </body> </html>Properti NG-APP adalah pernyataan bendera Angular.js, yang menandai ruang lingkup Angular.js. NG-App dapat ditambahkan di banyak tempat, seperti di atas, ke tag HTML, menunjukkan bahwa skrip sudut berfungsi untuk seluruh halaman. Anda juga dapat menambahkan atribut NG-App secara lokal. Misalnya, menambahkan NG-APP dalam div tertentu, itu berarti bahwa seluruh area Div akan diuraikan menggunakan skrip sudut, sedangkan skrip sudut tidak akan diuraikan di tempat lain.
NG-model berarti membangun model data. Di sini, di kotak input nama input, kami mendefinisikan model data Anda. Setelah mendefinisikan model, kita dapat melakukan panggilan di bawah ini dengan menggunakan {{}}. Ini melengkapi pengikatan data. Ketika kami memasukkan konten di kotak input, itu akan disinkronkan ke blok pernyataan Hello di bawah ini.
Model data yang ditentukan oleh NG-model tidak hanya dapat digunakan dalam skenario di atas, tetapi juga dapat banyak digunakan dalam banyak kasus.
1. Mengatur filter untuk mewujudkan fungsi pencarian
Dalam kode berikut, kami dapat menyelesaikan fungsi pencarian daftar menggunakan Definisi Model Data Sederhana + Filter. (Ini adalah contoh kode di situs web Cina, jadi tidak perlu tidak jelas.)
<dv> <div> <div> Pencarian: <input ng-model = "query"> </div> <div> <ul> <li ng-repeat = "Telepon di Ponsel | Filter: Query"> {{phone.name}} <p> {{phone.Dalam kode di atas, kueri model data terikat pada tag input kotak pencarian. Dengan cara ini, informasi yang dimasukkan oleh pengguna akan disinkronkan ke dalam model data kueri. Di LI berikut, menggunakan Filter: Query dapat mengimplementasikan fungsi pemfilteran data dalam daftar dan filter sesuai dengan informasi input pengguna.
2. Set OrderBy untuk mengimplementasikan fungsi penyortiran daftar
Dalam kode berikut, seperti filter, gunakan OrderBy untuk menambahkan fungsi penyortiran ke daftar:
Pencarian: <input ng-model = "kueri"> urutkan dengan: <pilih ng-model = "orderprop"> <opsi value = "name"> alfabet </pection> <option value = "usia"> terbaru </tiption> </pilih> <ul> <li ng-repeat = "telepon di ponsel | filter: query | orderby: ordoProp"> {phone di ponsel | filter: query | orderby: ordoProp "> {phone di ponsel | filter: query | orderby: ordoPPeP"> {phone di ponsel | filter: query | orderby: ordoProp "> {phone {{{{{{{phones {phones {phones {phones {phones {li {li {phones | <p> {{phone.snippet}} </p> </li> </ul>Di atas adalah tentang teknik menggunakan NG-APP dan NG-model. Kami meninjau yang lama dan mempelajari yang baru. Saya berharap semua orang bisa mendapatkan sesuatu darinya.