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...

14 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat