本文主要介绍AngularJS ng-class-odd 指令,这里对ng-class-odd基础知识做了详细整理,并有示例代码和效果图,学习AngularJS的同学可以参考下
AngularJS ng-class-odd 指令
AngularJS 实例
为表格的奇数行设置 class=”striped”:
.striped { color:white; background-color:black; } <table> <tr> <td>{{x.Name}}</td><td>{{x.Country}}</td></tr></table>
运行结果：
| Alfreds Futterkiste | Germany |
| Berglunds snabbk | Sweden |
| Centro comercial Moctezuma | Mexico |
| Ernst Handel | Austria |
定义和用法
ng-class-odd 指令用于为 HTML 元素动态的绑定一个或多个 CSS 类，但只作用于奇数行。
ng-class-odd 指令需要与 ng-repeat 指令搭配使用。
ng-class-odd 指令建议用在表格的样式渲染中，但是所有HTML元素都是支持的。
语法
所有 HTML 元素都支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 表达指定一个或多个 CSS 类。 |
以上就是对AngularJS资料的整理，有需要的朋友参考下。
以上就是AngularJS基础 ng-class-odd 指令示例的详细内容，更多请关注gaodaima搞代码网其来源gaodai#ma#com搞@@代~&码网它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：AngularJS基础 ng-class-odd 指令示例
转载请注明原文链接：AngularJS基础 ng-class-odd 指令示例
