Instruksi AngularJS ng-if

Panduan Rujukan AngularJS

Definisi dan penggunaan

Jika hasil perhitungan ekspresi adalah false,ng-if Instruksi akan menghapus elemen HTML.

Jika hasil perhitungan kalimat if adalah true, nantinya salinan elemen akan ditambahkan ke DOM.

ng-if Arahan dengan ng-hide berbezang-hide Sembunyikan papan tunjukan elemen, di mana ng-if Arahan akan menghapus elemen sepenuhnya daripada DOM.

Contoh

Dahulukan pilihan kotak untuk menghapus sebahagian:

Simpan HTML: <input type="checkbox" ng-model="myVar" ng-init="myVar = true">
<div ng-if="myVar">
<h1> Selamat datang</h1>
<p> Selamat datang ke rumah saya.</p>
<hr>
</div>

Coba sendiri

Sintaks

<elemen ng-if="ekspresi</elemen>

Semua elemen HTML mendukung.

Parameter

Parameter Penerangan
ekspresi

Jika kembalikan false, buang sepenuhnya ekspresi elemen ini.

Jika kembalikan true, nampaknya salinan elemen ini.

Panduan Rujukan AngularJS