Cara Menggunakan AngularJS Events ng-click
Hallo rekan-rekan Dumenity berjumpa lagi pada panduan kursuswebsite, di panduan kali ini kita akan belajar mengenai Cara Menggunakan AngularJS Events ng-click.
Kalau biasanya kita membangun even click di jquery kali ini kita akan membahas mengenai event yang di angularJS, ternyata angularJS pun mempunyai banyak event – event seperti di jquery.
OKe seketika saja teman – teman kita seketika masuk di topik kita yaitu Cara Menggunakan AngularJS Events ng-click, di studi kasus kali ini saya akan membangun sebuah event ng-click di sebuah inputan. nanti hasilnya kurang lebih seperti di bawah ini:
Oke seketika saja kita praktekkan teman – teman, pertama-tama buatlah sebuah file html dengan nama
ng-click.html
Isi file html tersebut seperti di bawah ini:
<!DOCTYPE html>
<html >
<head>
<script src=https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js></script>
</head>
<body ng-app=myApp>
<div ng-controller=myController>
Enter Password: <input type=password ng-model=password /> <br />
<button ng-click=DisplayMessage(password)>Show Password</button>
</div>
</body>
</html>
Oke kalau telah kita akan bikin kegunaan dari ng-click nya bikin tag script di pada file html tadi dan dan taruh di bagian tag head lalu isi tag script tersebut dengan file di bawah ini;
var myApp = angular.module('myApp', []);
myApp.controller(myController, function ($scope, $window) {
$scope.DisplayMessage = function (value) {
$window.alert(value)
}
});
Di contoh di atas, petunjuk ng-klik digunakan bagi memanggil kegunaan DisplayMessage () dengan parameter ‘password’ dikala pengguna mengklik sebuah tombol. A ‘password’ yakni properti model yang didefinisikan menggunakan petunjuk ng-model di kotak input. Guna DisplayMessage () dilampirkan di objek $ scope di myController, sehingga dapat diakses dari tombol klik dikala tombol berada di bawah myController. Layanan $ window digunakan bagi menampilkan peringatan.
Oke seperti itulah tadi pembahasan saya mengenai Cara Menggunakan AngularJS Events ng-click semoga bermanfaat salam coding dumenity.
Sumber https://kursuswebsite.org