ng-class判断奇偶数,使其背景色不一样
来源:互联网 发布:centos iso镜像 下载 编辑:程序博客网 时间:2024/06/07 05:18
Angularjs开发里,要让ng-repeat的出来的数据进行背景色区分。
后来,查了一些文档,看到破狼的《细说Angular ng-class》中总结ng-class的三种方案:
1:scope变量绑定。(不推荐使用)
2:字符串数组形式。
3:对象key/value处理。
在我做的项目中用ng-class是第二种方式,来判断repeat出来的动态数据加载。针对class简单变化,具有排斥性的变化,true是什么class,false是什么class。
首先在html 中repeat出来的数据添加ng-class=“$index%==‘0’?‘t-class’:‘f-class’ ”。
然后在style里面添加相应的样式:
t-class{ bakround-color:wite}
f-class{bakround-color:gree}}
就这样,我的问题解决了。
阅读全文
0 0
- ng-class判断奇偶数,使其背景色不一样
- css设置表格奇偶行背景色
- C# ListBox奇偶行 交替背景色
- 判断奇偶数
- 奇偶数判断
- 判断奇偶数
- php判断奇偶数
- MATLAB判断奇偶数
- wikioi2437判断奇偶数
- 源码:奇偶数判断
- 表达式,判断奇偶数
- JavaScript判断奇偶数
- JavaScript判断奇偶数
- 03:奇偶数判断
- 判断奇偶数
- jquery css 设置table的奇偶行背景色
- WindowsPhone中ListBox奇偶行交差背景色实现
- Sencha Touch中dataview设置奇偶行不同背景色
- 精通设计模式之工厂方法模式
- Hibernate框架第二天(一级缓存、Query和Criteria查询接口)
- python日常笔记3--关于分布式任务的分配
- MySql按周,按月,按日分组统计数据
- shiro讲解 之 Authorization (二)
- ng-class判断奇偶数,使其背景色不一样
- Ubuntu搭建hadoop集群(分布式)
- Android开发EditText弹出软键盘的相关使用
- 浅析JVM之内存管理
- rxjs5.X系列 —— filter系列 api 笔记
- mvvm
- 相似度计算
- ue4 修改3dui内容
- jsp打印去掉页眉页脚