AngularJS ng-class-odd ਹਦਾਇਤ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

ng-class-odd ਹਦਾਇਤ ਇੱਕ ਜਾਂ ਕਈ ਸੀਐੱਸਐੱਸ ਵਰਗਾਂ ਨੂੰ ਐੱਚਟੀਐੱਮਐੱਲ ਐਲੀਮੈਂਟ ਨਾਲ ਬਾਂਧਦੀ ਹੈ, ਪਰ ਕੇਵਲ ਐੱਚਟੀਐੱਮਐੱਲ ਐਲੀਮੈਂਟ ਦੇ ਹਰ ਗੁਣਨ ਦੇ ਬਾਅਦ ਦੀ ਪ੍ਰਾਪਤੀ ਵਿੱਚ ਹੀ ਪ੍ਰਭਾਵੀ ਹੁੰਦੀ ਹੈ。

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 元素都支持。

参数