ng-classคำสั่งAngularJS
ตัวอย่าง
เปลี่ยนคลาสของ <div> องค์ประกอบ:
<select ng-model="home">
<option
value="sky">Sky</option>
<option
value="tomato">Tomato</option>
</select>
<div ng-class="home">
<h1>Welcome Home!</h1>
<p>I like it!</p>
</div>
ความหมายและการใช้งาน
ได เร็ก ng-classทีฟผูกคลาส CSS หนึ่งคลาสขึ้นไปกับองค์ประกอบ HTML แบบไดนามิก
ค่าของng-classคำสั่งอาจเป็นสตริง อ็อบเจ็กต์ หรืออาร์เรย์ก็ได้
หากเป็นสตริง ควรมีชื่อคลาสที่คั่นด้วยช่องว่างตั้งแต่หนึ่งชื่อขึ้นไป
ในฐานะที่เป็นอ็อบเจ็กต์ ควรมีคู่คีย์-ค่า โดยที่คีย์คือชื่อคลาสของคลาสที่คุณต้องการเพิ่ม และค่านั้นเป็นค่าบูลีน คลาสจะถูกเพิ่มก็ต่อเมื่อค่าถูกตั้งค่าเป็นจริง
สำหรับอาร์เรย์ มันสามารถเป็นได้ทั้ง 2 อย่างรวมกัน องค์ประกอบอาร์เรย์แต่ละรายการสามารถเป็นสตริงหรือวัตถุก็ได้ ดังที่อธิบายไว้ข้างต้น
ไวยากรณ์
<element ng-class="expression"></element>
รองรับโดยองค์ประกอบ HTML ทั้งหมด
ค่าพารามิเตอร์
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |