ng-class判断奇偶数,使其背景色不一样
2017-08-21 本文已影响72人
随心摆文
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}}
就这样,我的问题解决了。