AngularJS NG-if Directive
Instance AngularJS
Hapus centang dan hapus konten:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body ng-app = "" ng-model = "myvar" ng-init = "myvar = true"> <div ng-if = "myvar"> <h1> selamat datang </h1> <p> Selamat datang di rumah saya. </p> <hr> </div> <p> Elemen div dihapus ketika kotak centang tidak dicentang. </p> <p> Ketika kotak centang dipilih kembali, elemen Div akan ditampilkan kembali. </p> </body> </html>
Definisi dan penggunaan
Arahan NG-IF digunakan untuk menghapus elemen HTML ketika ekspresi salah.
Jika hasil eksekusi pernyataan IF benar, elemen yang dihapus akan ditambahkan dan ditampilkan.
Arahan NG-IF berbeda dari NG-hide, di mana NG-hide menyembunyikan elemen, sedangkan NG-IF menghilangkan elemen dari DOM.
tata bahasa
<elemen ng-if = "ekspresi"> </sement>
Semua elemen HTML mendukung arahan ini.
Nilai parameter
| nilai | menggambarkan |
|---|---|
| Ekspresi | Jika ekspresi kembali salah, seluruh elemen akan dihapus, dan jika benar, elemen akan ditambahkan. |
Di atas adalah kompilasi dari pengetahuan dasar AngularJS. Kami akan terus menambahkannya nanti. Terima kasih atas dukungan Anda.