AngularJS html dom
AngularJS memberikan instruksi untuk mengikat data aplikasi untuk properti elemen DOM HTML.
Perintah NG-Disabled
Petunjuk NG-Disabled secara langsung mengikat data aplikasi ke atribut HTML yang dinonaktifkan.
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"></script></head><body><div ng-app="" ng-init="mySwitch=true"><p><button ng-disabled = "myswitch"> klik saya! </button> </p> <p> <input type = "centang kotak" ng-model = "myswitch"/> tombol </p> <p> {{myswitch}} </p> </div> </bod> </html>Efek Menjalankan:
Tombol
BENAR
Contoh Penjelasan:
Arahan NG-Disabled mengikat data aplikasi "myswitch" ke properti yang dinonaktifkan HTML.
Arahan Model NG mengikat "myswitch" ke konten (nilai) dari elemen kotak centang input HTML.
Jika Myswitch benar, tombol tidak akan tersedia:
<p> <tombol dinonaktifkan> klik saya! </button> </p>
Jika Myswitch salah, tombol tersedia:
<p> <button> Klik saya! </tombol> </p>
perintah ng-show
Arahan NG-Show menyembunyikan atau menampilkan elemen HTML.
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"> </script> </head> <body> <viG-Pr-app = ""> </script> </head> <body> <div ng-ng-app = ""> </script> </head> <body> <dv-pr-app = ""> </script> </head> <body> <bod>. </p> <p ng-show = "false"> Saya tidak terlihat. </p> </div> </body> </html>
Efek Menjalankan:
Saya terlihat.
NG-Show Directive menampilkan elemen HTML (menyembunyikan) berdasarkan nilai nilai.
Anda dapat menggunakan ekspresi untuk menghitung nilai boolean (benar atau salah):
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"> </script> </head> <body> <bod- div-app = ""> </script> </head> <body> <bod> ng-show = "jam> 12"> Saya terlihat. </p> </div> </body> </html>
Hasil Menjalankan:
Saya terlihat.
Catatan di bab berikutnya, kami akan memberi Anda lebih banyak contoh menyembunyikan elemen HTML dengan mengklik tombol.
perintah ng-hide
Arahan NG-Hide digunakan untuk menyembunyikan atau menampilkan elemen HTML.
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> </head> <body> <vis-papp = "-peper "> </script> </head> <body> <dv-pr-app =" "> </script> </head> <body> <dv-pr-app =" "> </script> </head> <body> <dv-pr-app =" "> </script> </head> <body> <dv-pr-app =" "</script> </head> <body> <body>. </p> <p ng-hide = "false"> Saya terlihat. </p> </div> </body> </html>
Hasil Menjalankan:
Saya terlihat.
Di atas adalah kompilasi bahan dom AngularJS HTML. Kami akan terus menambahkannya nanti. Saya berharap teman -teman yang dapat membantu memprogram AngularJS.