前端技术类型程序员前端程序员干货

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}}

就这样,我的问题解决了。

上一篇下一篇

猜你喜欢

热点阅读