Contoh Directive Ng-switch Pada AngularJS

Angular JS adalah sebuah framework JavaScript yang open-source dan berbasis MVC yaitu Model View Controller yang dikenal sebagai aplikasi satu halaman. Pada artikel kali ini kita akan membahas directive bawaan angularJS yaitu ngSwitch. Directive ngSwitch digunakan untuk memilih sebuah nilai dari beberapa pilihan, hampir sama dengan event onchange yang artinya ngSwitch ini seperti operator kondisi yang memiliki fungsi yang sama dengan if elseif. Kita akan membuat contoh sederhana dalam penggunaan ngSwitch. Pada kasus ini kita akan membuat sebuah inputan warna dan kita akan tampilkan teks dan teks tersebut memiliki warna yang berbeda beda berdasarkan kondisi inputan text. Ayo kita mulai membuatnya. Pertama kita akan buat inputan warna pada HTML

sebelumnya pastikan kita sisipkan ngApp pada elemen HTML

dan buat directive ngSwitch berdasarkan ng-model pada inputan

pada code diatas ng-switch on="color" artinya sebuah kondisi yang harus terpenuhi jika nilainya inputan bernilai red teks akan berwarna merah. temen temen boleh simpan code tersebut dan jalankan

Terima Kasih ..
 

1 Agustus 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