ng-class判断奇偶数,使其背景色不一样

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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值