ng-class-oddคำสั่งAngularJS


ตัวอย่าง

ตั้งค่า class="striped" สำหรับแถวตารางอื่น ๆ (คี่):

<table ng-controller="myCtrl">
<tr ng-repeat="x in records" ng-class-odd="'striped'">
    <td>{{x.Name}}</td>
    <td>{{x.Country}}</td>
</tr>
</table>

ความหมายและการใช้งาน

ได เร็ก ng-class-oddทีฟผูกคลาส CSS หนึ่งคลาสขึ้นไปกับองค์ประกอบ HTML แบบไดนามิก แต่จะมีผลกับลักษณะอื่น (คี่) ขององค์ประกอบ HTML เท่านั้น

คำng-class-oddสั่งจะใช้ได้ก็ต่อเมื่อใช้ร่วมกับng-repeatคำสั่ง

คำng-class-oddสั่งนี้เหมาะสำหรับการใส่สไตล์รายการในรายการหรือแถวในตาราง แต่สามารถใช้ได้กับองค์ประกอบ HTML ใดๆ


ไวยากรณ์

<element ng-class-odd="expression"></element>

รองรับโดยองค์ประกอบ HTML ทั้งหมด


ค่าพารามิเตอร์

Value Description
expression An expression that returns one or more class names.