Petunjuk AngularJS NG-Class
Instance AngularJS
Ubah Kelas Elemen <SEV>:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> <style> .sky {color: white; Latar Belakang: LightBlue; padding: 20px; Font-family: "Courier New";}. Tomat {latar belakang-color: Coral; padding: 40px; Font-family: verdana;} </tyle> </head> <body ng-app = ""> <p> Pilih kelas: </p> <pilih ng-model = "home"> <value opsi = "sky"> wol warna </option> seperti home home "> home! itu! </p> </div> </body> </html>Definisi dan penggunaan
Arahan NG-Class digunakan untuk mengikat satu atau lebih kelas CSS secara dinamis ke elemen HTML.
Nilai Petunjuk NG-Class dapat berupa string, objek, atau array.
Jika itu adalah string, beberapa nama kelas dipisahkan oleh spasi.
Jika itu adalah objek, Anda perlu menggunakan pasangan nilai kunci, yang merupakan nilai boolean, dan nilainya adalah nama kelas yang ingin Anda tambahkan. Kelas hanya akan ditambahkan jika kunci itu benar.
Jika merupakan array, itu dapat terdiri dari string atau kombinasi objek, dan elemen array dapat berupa string atau objek.
tata bahasa
<elemen ng-class = "ekspresi"> </sement>
Semua elemen HTML didukung.
Nilai parameter
| nilai | menggambarkan |
|---|---|
| Ekspresi | Ekspresi mengembalikan satu atau lebih nama kelas. |
Di atas adalah kompilasi informasi instruksi AngularJS ng-class, untuk referensi oleh teman yang membutuhkan.