AngularJS memiliki arahan untuk mengikat data aplikasi untuk atribut elemen HTML DOM.
Petunjuk ng-orang cacat
Direktif ng-orang cacat mengikat data aplikasi AngularJS untuk atribut cacat elemen HTML.
AngularJS Contoh
<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch">Click Me!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
<p>
{{ mySwitch }}
</p>
</div>
Cobalah sendiri " Aplikasi menjelaskan:
Direktif ng-orang cacat mengikat aplikasi mySwitch data ke atribut cacat tombol HTML.
The ng model direktif mengikat nilai dari elemen HTML kotak centang dengan nilai mySwitch.
Jika nilai mySwitch bernilai true, tombol akan dinonaktifkan:
<p>
<button disabled>Click Me!</button>
</p>
Jika nilai mySwitch bernilai false, tombol tidak akan dinonaktifkan:
<p>
<button>Click Me!</button>
</p>
The ng-show Directive
The ng-show direktif menunjukkan atau menyembunyikan elemen HTML.
AngularJS Contoh
<div ng-app="">
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
Cobalah sendiri " The ng-show direktif menunjukkan (atau menyembunyikan) elemen HTML berdasarkan nilai ng-show.
Anda dapat menggunakan ekspresi yang mengevaluasi untuk benar atau salah:
AngularJS Contoh
<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>
Cobalah sendiri "  | Dalam bab berikutnya, ada lebih contoh, menggunakan klik tombol untuk menyembunyikan elemen HTML. |
|---|
The ng-hide Directive
The ng-hide direktif menyembunyikan atau menunjukkan elemen HTML.
AngularJS Contoh
<div ng-app="">
<p ng-hide="true">I am
not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>
Cobalah sendiri "