Directive : Property Binding and Responding to Events

Contoh kasus,

Jika ada sebuah HTML input yang hanya kita bolehkan untuk menerima tipe number, sehingga selain dari number, maka input tidak boleh merender inputan tersebut (dari input keyboard). Dalam hal ini kita akan menggunakan Directive.

Berikut langkah-langkahnya:

=> Run perintah berikut : ng generate directive numeric

=> Edit code hasil generate perintah tersebut

=> Modifikasi global css/scss yang digunakan

=>Tambahkan directive di Input HTML yang kita tugaskan tersebut

=> Lihat hasilnya:

Pada mulanya attribute class belum terdefinisi,

Jika user input angka, maka class akan didefinisi kan class=`valid`, selain itu, maka class akan bernilai `invalid`

Dukung Saya supaya tetap menulis artikel-artikel yang baik, membayar sewa domain, dan server untuk blog ini. Caranya dengan donasi cendol via Trakteer.id.