Cara Penggunaan Link Function pada Angular JS
Holo teman teman di panduan kali ini saya akan membahas mengenai Cara Pemakaian Link Function di Angular JS, di bahan sebelumnya saya pun telah membahas mengenai pemakaian link di Angular JS
Di Angular JS link berfungsi bagi merubah nilai yang terdapat di scope, Link di Angular JS mempunyai tiga buah parameter di antaranya yaitu :
- Scope, scope tersebut terdapat di pada sebuah directive
- Elem, adalah sebuah sebuah element dari directive, yang digunaan bagi memanipulasi sebuah DOM
- Attrs, adalah sebuah sebuah Atribut dan directive yang terdapat di Angular JS
Apabila kita mau merubah sebuah nilai variable di scope karenanya kita menggunakan sebuah para meter yang bernama scope, misalkan ada sebuah variable dengan nama title karenanya bagi penulisannya kita menggunakan script seperti dibawah ini,
scope.title = Sebuah nilai baru yang ingin kita masukan;
nilai yang terdapat di scope tak dapat berubah tanpa menggunakan sebuah para meter yang bernama elem.
Selaku contoh kita ingin memberikan sebuah nilai baru yang terdapat di tittle,
Supaya bagian directive tersebut dapat di klik karenanya kita mesti menggunakan elem yang berfungsi agar sebuah object yang kita klik dapat beraksi ketika di klik, dan elem adalah sebuah jQLite (subset dari JQuery),
Dan bagi cara pemakaian nya kita menggunakan, sama seperti penggunaannya JQuery yang berfungsi bagi mengerjakan manipulasi sebuah DOM, dan silahkan teman teman perhatikan di script dibawah ini saya menggunakan sebuah link,
link : function(scope,elem,attrs){
elem.bind('click',function(){
scope.$apply(function() {
scope.title = Nilai baru yang ingin kita masukan;
});
});
}Dan click yang terdapat di script diatas ialah selaku dari event yang dapat kita gunakan di link tersebut, bagi implementasi nya akan saya bahas di bahan berikutnya, yang terpenting teman teman mesti paham dulu mengenai kegunaan dan kegunaan dari link tersebut dan cara pemakaian parameter parameter yang dimiliki oleh link tersebut.
Oke teman teman lumayan sekianlah panduan saya kali ini mengenai, Cara Pemakaian Link Function di Angular JS, nya semoga bermanfaat.
Terimakasih.
Sumber https://kursuswebsite.org
