Cara Menggunakan AngularJS Events ng-click

Hallo sahabat Dumenity berjumpa lagi dalam tutorial kursuswebsite, pada tutorial kali ini kita akan belajar tentang Cara Menggunakan AngularJS Events ng-click.
Kalau biasa kita membuat even click pada jquery kali ini kita akan membahas tentang event yang pada angularJS, ternyata angularJS juga mempunyai banyak event – event seperti pada jquery.

OKe langsung saja teman – teman kita langsung masuk pada topik kita yaitu  Cara Menggunakan AngularJS Events ng-click,  pada studi kasus kali ini saya akan membuat sebuah event ng-click pada sebuah inputan. nanti  hasilnya kurang lebih seperti di bawah ini:

Oke langsung saja kita praktekkan teman – teman, pertama 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 sudah kita akan buat fungsi dari ng-click nya buat tag script di dalam 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)
            }
        });

Pada contoh di atas, perintah ng-klik digunakan untuk memanggil fungsi DisplayMessage () dengan parameter ‘password’ saat pengguna mengklik sebuah tombol. A ‘password’ adalah properti model yang didefinisikan menggunakan perintah ng-model di kotak input. Fungsi DisplayMessage () dilampirkan pada objek $ scope di myController, sehingga bisa diakses dari tombol klik saat tombol berada di bawah myController. Layanan $ window digunakan untuk menampilkan peringatan.

Oke itulah tadi pembahasan saya tentang Cara Menggunakan AngularJS Events ng-click semoga bermanfaat salam coding dumenity.