ng-if
Arahan AngularJS
Contoh
Hapus centang pada kotak centang untuk menghapus bagian:
Keep HTML: <input type="checkbox" ng-model="myVar"
ng-init="myVar = true">
<div
ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>
Definisi dan Penggunaan
Arahan ng-if
menghapus elemen HTML jika ekspresi bernilai false.
Jika pernyataan if bernilai true, salinan Elemen ditambahkan di DOM.
Direktif ng-if
berbeda dari ng-hide, yang menyembunyikan tampilan elemen, di mana direktif ng-if sepenuhnya menghapus elemen dari DOM.
Sintaksis
<element ng-if="expression"></element>
Didukung oleh semua elemen HTML.
Nilai Parameter
Value | Description |
---|---|
expression | An expression that will completely remove the element if it returns false. If it returns true, a copy of the element will be inserted instead. |