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

คำนิยามและวิธีใช้

ng-class-odd คำสั่งจะเชื่อมโยง CSS หลายหรือเพียงหนึ่งรายการเรียบเรียงกับ HTML อิเลเมนต์ แต่มีผลบวกเพียงเมื่ออิเลเมนต์ HTML ปรากฏขึ้นทุกครั้งที่เป็นตัวเลขเชิงออก (เลขเล็ก) แต่ไม่ได้ทุกครั้ง

ng-class-odd คำสั่งมีผลเมื่อเชื่อมโยงกับ ng-repeat มีประโยชน์เมื่อใช้ร่วมกัน

ng-class-odd อินตริวิวนี้มีความเหมาะสมสำหรับการตั้งรูปแบบสำหรับสิ่งที่อยู่ในรายการหรือแถวตาราง แต่มันก็สามารถใช้กับองค์ประกอบ HTML ทุกองค์ประกอบ

ตัวอย่าง

ตั้งค่า 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>

ทดลองด้วยตัวเอง

กฎระเบียบ

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

ทุกองค์ประกอบ HTML สนับสนุน

ประกาศ