Custom Directive Pada AngularJS

Kita akan belajar dasarnya directive pada Angular JS. Dengan directive kita bisa membuat elemen baru di HTML. Temen temen pasti sudah tidak asing lagi dengan Elemen html contoh nya seperti <p> <h1> <header> <menu> <div> <span> dan lain lain. Dengan Adanya directive kalian bisa mengajarkan pada browser untuk menterjemahkan elemen elemen HTML yang temen temen buat sendiri dan yang dibutuhkan. Directive disini ada dua yaitu directive buatan kita sendiri yang kedua directive yang sudah di sediakan oleh Angular JS. Disini kita akan membuat directive dan setelah itu kita tampilkan pada jendela browser. Pada contoh ini kita akan menampilkan Hello Word dengan membuat elemen <header-title></header-title>

 

 

kemudian kita buat controller dengan nama mycontroller

 

 

dan pastikan kita sudah menyisipkan ng-app pada elemen HTML seperti berikut

 

 

lalu kita buat directive dengan nama headertitle contohnya sebagai berikut