Acara AngularJS
AngularJs memiliki arahan acara HTML sendiri.
perintah klik ng
Arahan klik ng mendefinisikan acara klik AngularJS.
Instance AngularJS
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </skrip> </head> <body> <bod-ng-pryp = "non"> </script> </head> <body> <bod-v-pr-app = "non"> </script> </head> <body> <bod-v-pr-porp = "non"> </script> </head> <body> <bod-Ng-Pr-Pon = "non"> </script> </head> <body> <bod- div ng-klik = "count = count + 1"> klik saya! </button> <p> {{count}} </p> </div> <script> var app = angular.module ('myapp', []); app.controller ('myctrl', function ($ scope) {$ scope.count = 0;}); </script> </body> </html>Efek Menjalankan:
0
Sembunyikan elemen html
Petunjuk NG-Hide digunakan untuk mengatur apakah bagian aplikasi terlihat.
ng-hide = "true" menetapkan bahwa elemen html tidak terlihat.
ng-hide = "false" mengatur elemen html menjadi terlihat.
Instance AngularJS
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </skrip </head> <body> <bod-Ng-Pr-porp = "non"> </script> </head> <body> <dv natg-min. ng-click="toggle()">Hide/Show</button><p ng-hide="myVar">Name: <input type=text ng-model="firstName"><br>Name: <input type=text ng-model="lastName"><br><br>Name: {{firstName + " " + lastName}}</p></div><script>var app = angular.module ('myapp', []); app.controller ('personctrl', function ($ scope) {$ scope.firstname = "john"; $ scope.lastname = "doe"; $ scope.myvar = false; $ scope.toggle = function () {$ scope.myvar = false = $ scope.toggle = function () {$ scope.my }}); </script> </body> </html>Hasil Menjalankan:
nama:
nama belakang:
Nama: John Doe
Analisis Aplikasi:
Bagian pertama dari personcontroller mirip dengan bab pengontrol.
Aplikasi memiliki properti default: $ scope.myvar = false;
Arahan NG-Hide menetapkan apakah elemen <p> dan dua bidang input terlihat, dan menetapkan apakah itu terlihat sesuai dengan nilai myvar (benar atau salah).
Fungsi toggle () digunakan untuk mengganti nilai variabel myvar (benar dan salah).
ng-hide = "true" membuat elemen tidak terlihat.
Tampilkan elemen HTML
Petunjuk NG-Show dapat digunakan untuk mengatur apakah sebagian dari aplikasi terlihat.
ng-show = "false" dapat mengatur elemen html tidak terlihat.
ng-show = "true" dapat diatur agar terlihat oleh elemen HTML.
Contoh berikut menggunakan arahan NG-show:
Instance AngularJS
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </skrip </head> <body> <bod-Ng-Pr-porp = "non"> </script> </head> <body> <dv natg-min. ng-click = "toggle ()"> Sembunyikan/tunjukkan </button> <p ng-show = "myvar"> Nama: <input type = teks ng-model = "person.firstname"> <br> Nama: <input type = teks ng-model = "orang.lastname"> <br> <br> nama: {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{lastn. Person.LastName}} </p> </div> <script> var app = angular.module ('myapp', []); app.controller ('personctrl', function ($ scope) {$ scope.person = {firstName: "john", lastname: "doe"} scope. $ scope.myvar =! $ scope.myvar;Hasil Menjalankan:
nama:
nama belakang:
Nama: John Doe
Di atas adalah kompilasi informasi acara AngularJS. Kami akan terus menambahkannya nanti. Untuk referensi oleh teman yang membutuhkan.