Perekomendan kursus:

DOM HTML AngularJS

AngularJS menyediakan perintah untuk memikat data aplikasi ke properti atribut elemen DOM HTML.

Penerangan aplikasi: Perintah ng-disabled

Contoh AngularJS

Perintah akan memikat data aplikasi AngularJS ke properti disabled elemen HTML.
<p>
<div ng-app="" ng-init="mySwitch=true">
</p>
<p>
<button ng-disabled="mySwitch">Klik saya!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
</div>

Cuba sendiri

{{ mySwitch }}

Penerangan aplikasi: ng-disabled mySwitch Perintah diikatkan ke data aplikasi Diikat ke tombol HTML dengan properti.

ng-model Perintah akan memikat nilai elemen kotak centang HTML ke properti mySwitch nilai.

Jika mySwitch nilai adalah trueJika, tombol akan dihalang:

<p>
<button disabled>Klik saya!</button>
</p>

Jika mySwitch nilai adalah falseJika, tombol akan tidak dihalang:

<p>
<button>Klik saya!</button>
</p>

Perintah ng-show

ng-show Perintah untuk memaparkan atau menyembunyikan elemen HTML.

Contoh AngularJS

<div ng-app="">  
<p ng-show="true">Saya boleh dilihat.</p>  
<p ng-show="false">Saya tak dapat dilihat.</p>  
</div>

Cuba sendiri

ng-show Instruksi ini berdasarkan ng-showNilaiTunjukkan (atau sembunyikan) elemen HTML.

Anda boleh menggunakan apa pun ekspresi yang dianggap benar atau salah:

Contoh AngularJS

<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">Saya dapat dilihat.</p>
</div>

Cuba sendiri

Dalam bab berikutnya, akan disediakan lebih banyak contoh tentang bagaimana untuk menyembunyikan elemen HTML dengan klik tombol.

Instruksi ng-hide

ng-hide Instruksi menyembunyikan atau menunjukkan elemen HTML.

Contoh AngularJS

<div ng-app="">  
<p ng-hide="true">Saya tak dapat dilihat.</p>  
<p ng-hide="false">Saya dapat dilihat.</p>  
</div>

Cuba sendiri