Cara Penggunaan Link Function pada Angular JS

Holo teman teman pada tutorial kali ini saya akan membahas tentang Cara Penggunaan Link Function pada Angular JS, di materi sebelumnya saya juga telah membahas tentang penggunaan link pada Angular JS

Pada Angular JS link berfungsi untuk merubah nilai yang ada pada scope, Link pada Angular JS memiliki tiga buah parameter di antaranya yaitu :

1. Scope, scope tersebut terdapat di dalam sebuah directive
2. Elem, merupakan sebuah element dari directive, yang digunaan untuk memanipulasi sebuah DOM
3. Attrs, merupakan sebuah Atribut dan directive yang terdapat pada Angular JS

Jika kita mau merubah sebuah nilai variable pada scope maka kita menggunakan sebuah para meter yang bernama scope, misalkan ada sebuah variable dengan nama title maka untuk penulisannya kita menggunakan script seperti dibawah ini,

scope.title = "Sebuah nilai baru yang ingin kita masukan";

nilai yang terdapat pada scope tidak dapat berubah tanpa menggunakan sebuah para meter yang bernama elem.

Sebagai contoh kita ingin memberikan sebuah nilai baru yang terdapat pada tittle,

Supaya bagian directive tersebut dapat di klik maka kita harus menggunakan elem yang berfungsi agar sebuah object yang kita klik dapat beraksi ketika di klik, dan elem merupakan jQLite (subset dari JQuery),

Dan untuk cara penggunaan nya kita menggunakan, sama seperti penggunaannya JQuery yang berfungsi untuk melakukan manipulasi sebuah DOM, dan silahkan teman teman perhatikan pada 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 pada script diatas adalah sebagai dari event yang dapat kita gunakan pada link tersebut, untuk implementasi nya akan saya bahas pada materi selanjutnya, yang terpenting teman teman harus paham dulu tentang kegunaan dan fungsi dari link tersebut dan cara penggunaan parameter parameter yang dimiliki oleh link tersebut.

Oke teman teman cukup sekian tutorial saya kali ini tentang, Cara Penggunaan Link Function pada Angular JS, nya semoga bermanfaat.

Terimakasih.