Angularjs ng-class directive
อินสแตนซ์ Angularjs
แก้ไขคลาสขององค์ประกอบ <div>:
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" พื้นหลังสี: LightBlue; Padding: 20px; Font-Family: "Courier ใหม่";}. มะเขือเทศ {พื้นหลังสี: ปะการัง; Padding: 40px; Font-Family: verdana;} </style> </head> <body ng-app = ""> <p> เลือกคลาส: </p> <เลือก ng-model = "home"> <ตัวเลือกค่า = "Sky"> Sky สี </optup> มัน! </p> </div> </body> </html>คำจำกัดความและการใช้งาน
คำสั่ง NG-Class ใช้เพื่อผูกคลาส CSS หนึ่งคลาสขึ้นไปกับองค์ประกอบ HTML
ค่าของคำสั่ง NG-Class สามารถเป็นสตริงวัตถุหรืออาร์เรย์
หากเป็นสตริงชื่อคลาสหลายคลาสจะถูกคั่นด้วยช่องว่าง
หากเป็นวัตถุคุณต้องใช้คู่คีย์-ค่าซึ่งเป็นค่าบูลีนและค่าคือชื่อคลาสที่คุณต้องการเพิ่ม คลาสจะถูกเพิ่มเฉพาะในกรณีที่คีย์เป็นจริง
หากเป็นอาร์เรย์ก็สามารถประกอบด้วยสตริงหรือการรวมกันของวัตถุและองค์ประกอบของอาร์เรย์อาจเป็นสตริงหรือวัตถุ
ไวยากรณ์
<element Ng-class = "Expression"> </ement>
รองรับองค์ประกอบ HTML ทั้งหมด
ค่าพารามิเตอร์
| ค่า | อธิบาย |
|---|---|
| การแสดงออก | นิพจน์ส่งคืนชื่อคลาสอย่างน้อยหนึ่งชื่อ |
ข้างต้นคือการรวบรวมข้อมูลการเรียนการสอน AngularJS NG-Class สำหรับการอ้างอิงโดยเพื่อนที่ต้องการ