ตัวอย่าง
การเปลี่ยนแปลงระดับของ <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 สั่งอาจจะเป็นสตริงวัตถุหรืออาร์เรย์
ถ้าเป็นสตริงก็ควรมีมากกว่าหนึ่งพื้นที่ที่คั่นชื่อชั้น
เป็นวัตถุก็ควรมีคู่ค่าคีย์ที่สำคัญคือค่าบูลีนและมีค่าเป็นชื่อชั้นของชั้นที่คุณต้องการเพิ่ม ชั้นจะถูกเพิ่มถ้าคีย์กำหนดเป็นจริง
เป็นอาร์เรย์ก็จะเป็นการรวมกันของทั้งสอง องค์ประกอบอาร์เรย์แต่ละคนสามารถเป็นได้ทั้งสตริงหรือวัตถุที่อธิบายไว้ข้างต้น
วากยสัมพันธ์
< element ng-class=" expression "></ element >สนับสนุนโดยองค์ประกอบ HTML ทั้งหมด
ค่าพารามิเตอร์
| Value | Description |
|---|---|
| expression | An expression that returns one or more class names. |