Penggunaan ngShow dan ngHide AngularJS

AngularJs memungkinkan kita untuk membangun sebuah application yang terlihat lebih menarik dan cantik. Salah satunya fitur yang dapat digunakan untuk membuat aplikasi web yang dibangun agar terlihat lebih menarik adalah ngShow dan ngHide. ngShow digunakan untuk mengatur apakah element tersebut ditampilkan atau tidak. Tinggal tambahkan atribut ng-show pada element. Nilai yang digunakan bersifat boolean.

Contohnya : Element akan tampil, karena ng-show bernilai true.

Tidak dengan element ini.

sedangkan ngHide hampir sama dengan ngShow, bedanya pada ngHide element tidak akan tampil apabila nilainya true. Oke langsung saja kita akan membuat contoh sederhana menggunakan fitur ngShow dan ngHide pada AngularJS.

Pada contoh ini kita akan membuat AppController sebagai controller, dan $scope sebagai parameternya sebagai berikut

Ketika di buka pada browser maka akan terlihat seperti berikut

Element akan tampil dan hilang ketika kita menceklis bagian checkbox. Selamat Mencoba...