Halo teman teman pada tutorial kali ini saya akan membahas tentang, Cara Membuat Custom Directive Menggunakan Angular JS Part 2.
Pada materi sebelumnya Cara Membuat Custom Directive Menggunakan Angular JS Part 1, kita telah membahas tentang Cara Membuat Custom Directive dan menjalanknya pada browser, pada tutorial kali ini saya akan membahas pengertian dari AE yang terdapat pada MyDirective.js pada Cara Membuat Custom Directive Menggunakan Angular JS Part 1, AE yang artinya adalah sebuah Element dan Attribute, jadi di dalam angular kita juga bisa menggunakan directive sebagai element ataupun sebagai Attribute, dan untuk mengunaan Class dan Comment yang digunakan secara berurutan adalah C dan M.
Pada Cara Membuat Custom Directive Menggunakan Angular JS Part 1 telah membahas tiga buah property directive pada angular js di antaranya yaitu.
- Restricted yaitu merupakan property untuk megatur bagai mana sebuah directive yang kita gunakan, yang perlu kita ingat ada 4 cara mengunaan directive yaitu E,A,C,M dan penggunaan nya tersebut juga bisa digabung dengan contoh AE, seperti yang ter dapat pada pembahasan directive diatas
- Template properti ini merupakan sebuah template yang akan ditampilkan ketika directive di-render, dan jika yang ingin di-render merupakan sebuah halaman HTML dari bebuah file yang berbeda maka kita menggunakan property templateUrl dengan nilai lokasi yang ingin dihubungkan
- Replase yaitu berfungsi untuk mengatur sebuah template yang ditampilkan me-replace tag directive atau tidak
berikut script yang terdapat pada MyDirective.js yang terdapat pada Cara Membuat Custom Directive Menggunakan Angular JS Part 1
app.directive('myDirective',function(){
return {
restrict:'EA',
template:'<h2>Hello {{dumet}}</h2>'
};
});
Oke taman teman bagai cukup mudah bukan? Cara Membuat Custom Directive Menggunakan Angular JS Part 2 nya,
Semoga bermanfaat, terima kasih