AngularJS HTML DOM
AngularJS memberikan instruksi untuk data aplikasi mengikat atribut HTML elemen DOM.
ng-orang cacat instruksi
instruksi ng-orang cacat data aplikasi langsung mengikat HTML properti dinonaktifkan.
AngularJS contoh
<P>
<Tombol ng-disabled = "mySwitch "> Point saya! </ Tombol>
</ P>
<P>
<Input type = "checkbox" ng -Model = "mySwitch"> tombol
</ P>
<P>
{{MySwitch}}
</ P>
</ Div>
Coba »
Contoh untuk menjelaskan:
ng-orang cacat instruksi terikat aplikasi data "mySwitch" untuk HTML properti dinonaktifkan.
ng-Model direktif mengikat "mySwitch" untuk HTML masukan kotak centang konten elemen (nilai).
Jika mySwitch benar, tombol tidak tersedia:
<Tombol dinonaktifkan> Point saya! </ Tombol>
</ P>
Jika mySwitch adalah palsu, Anda dapat menggunakan tombol:
<Tombol> Point saya! </ Tombol>
</ P>
instruksi ng-show
ng-show petunjuk menyembunyikan atau menampilkan elemen HTML.
AngularJS contoh
<P ng-show = "true "> Saya terlihat. </ P>
<P ng-show = "false "> aku tidak terlihat. </ P>
</ Div>
Coba »
Nilai perintah ng-acara berdasarkan nilai untuk menampilkan (hide) elemen HTML.
Anda dapat menggunakan ekspresi untuk menghitung nilai Boolean (true atau false):
AngularJS contoh
Coba »
Dalam bab berikutnya, kita semua akan disembunyikan dengan mengklik tombol lebih banyak contoh dari elemen HTML. |
ng-hide perintah
perintah ng-hide untuk menyembunyikan atau elemen layar HTML.
AngularJS contoh
< p ng-hide= "true" >我是不可见的。 < /p >
< p ng-hide= "false" >我是可见的。 < /p >
< /div >
Coba »