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

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

原创粉丝点击