Instruksi AngularJS ng-if

Panduan Referensi AngularJS

Definisi dan penggunaan

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

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

ng-if Instruksi dengan ng-hide berbedang-hide Menyembunyikan tampilan elemen, di mana ng-if Instruksi akan menghapus elemen sepenuhnya dari DOM.

Contoh

Deselectkan kotak centang untuk menghapus bagian:

Pertahankan 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 Deskripsi
ekspresi

Jika mengembalikan false, maka akan menghapus elemen sepenuhnya ekspresi itu.

Jika mengembalikan true, maka akan menempatkan salinan elemen itu.

Panduan Referensi AngularJS