Hallo sahabat dumenity berjumpa lagi dalam tutorial Dumetschool, pada tutorial kali ini saya akan membahas tentang apa itu directive pada angularjs. Directive adalah penanda pada elemen DOM (Data Object Modeling) seperti atribut, nama element, atau kelas CSS ( Cascading Style Sheet). Dalam Angular, kita bisa mengkustom directive sendiri. contoh directive yang sudah ada di Angular seperti contoh di bawah ini:

Dari script di atas  data-ng-app yang ada pada tag < html data-ng-app> merupakan contoh directive dan data-ng-model yang berada pada tag input merupakan contoh directive.

Pada script di atas merupakan contoh penggunaan directive dasar pada Angular, coba teman – teman lihat pada bagian paling atas pada tag HTML terdapat data-ng-app atau bisa ditulis juga dengan ng-app (tanpa data -) ini berfungsi agar Angular berjalan pada blok elemen dimana angular directive ng-app ini berada pada elemen <HTML>, artinya  semua yang ada pada blok <HTML> bisa menggunakan Angular, jadi setiap kali kita melihat ng-, maka itu merupakan directive bawaan angular. sedangkan {{name}} ini merupakan data binding expression.

Dari script di atas jika kita jalankan maka hasilnya seerti di bawah ini:

Apa itu Directive pada AngularJS

Jika kita jalan maka akan muncul dibrowser seperti di atas, lalu coba teman – teman ketikkan pada teks input maka apapun yang teman – teman ketikkan akan direspon cepat dan langsung ditampilkan di samping teks hello, bagai mana cukup bisa di pahamikan .

Oke itulah tadi pembahasan saya tentang Apa itu Directive pada AngularJS semoga dapat bermanfaat.