Latest web development tutorials

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

<Div ng-app = "" ng-init = "mySwitch = true">

<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:

<P>
<Tombol dinonaktifkan> Point saya! </ Tombol>
</ P>

Jika mySwitch adalah palsu, Anda dapat menggunakan tombol:

<P>
<Tombol> Point saya! </ Tombol>
</ P>

instruksi ng-show

ng-show petunjuk menyembunyikan atau menampilkan elemen HTML.

AngularJS contoh

<Div ng-app = "" >

<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

<Div ng-app = "" ng-init = "jam = 13 "> <P ng-show = "jam> 12 "> Saya terlihat. </ P> </ Div>

Coba »

catatan 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

< div ng-app= "" >

< p ng-hide= "true" >我是不可见的。 < /p >

< p ng-hide= "false" >我是可见的。 < /p >

< /div >

Coba »