Cara Membuat Custom Directive Menggunakan Angular JS Part 2

Halo teman teman di panduan kali ini saya akan membahas mengenai, Cara Merancang Kembangkan Directive Menggunakan Angular JS Part 2.

Di bahan sebelumnya Cara Membuat Custom Directive Menggunakan Angular JS Part 1, kita telah membahas mengenai Cara Merancang Kembangkan Directive dan menjalanknya di browser, di panduan kali ini saya akan membahas pengertian dari AE yang terdapat di MyDirective.js di Cara Membuat Custom Directive Menggunakan Angular JS Part 1, AE yang artinya ialah sebuah Element dan Attribute, jadi di pada angular kita pun dapat menggunakan directive selaku element ataupun selaku Attribute, dan bagi mengunaan Class dan Comment yang digunakan secara berurutan ialah C dan M.

Di Cara Membuat Custom Directive Menggunakan Angular JS Part 1 telah membahas tiga buah property directive di angular js  di antaranya yaitu.

1. Restricted yaitu adalah sebuah property bagi megatur bagai mana sebuah directive yang kita gunakan, yang perlu kita ingat ada 4 cara mengunaan directive yaitu E,A,C,M dan pemakaian nya tersebut pun dapat digabung dengan contoh AE, seperti yang ter dapat di pembahasan directive diatas




2. Tema properti ini adalah sebuah sebuah theme yang akan ditampilkan ketika directive di-render, dan kalau yang ingin di-render adalah sebuah sebuah halaman HTML dari bebuah file yang berbeda karenanya kita menggunakan property templateUrl dengan nilai lokasi yang ingin dihubungkan




3. Replase yaitu berfungsi bagi mengatur sebuah theme yang ditampilkan me-replace tag directive atau tak

berikut script yang terdapat di MyDirective.js yang terdapat di Cara Membuat Custom Directive Menggunakan Angular JS Part 1

app.directive('myDirective',function(){
return {
restrict:'EA',
theme:'<h2>Hello {{dumet}}</h2>'
};
});

Oke taman teman bagai lumayan gampang bukan? Cara Merancang Kembangkan Directive Menggunakan Angular JS Part 2 nya,

Semoga bermanfaat, terima kasih

Sumber https://kursuswebsite.org