美文网首页前端技术类型程序员前端程序员干货
ng-class判断奇偶数,使其背景色不一样

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

作者: 随心摆文 | 来源:发表于2017-08-21 10:30 被阅读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}}

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

    相关文章

      网友评论

        本文标题:ng-class判断奇偶数,使其背景色不一样

        本文链接:https://www.haomeiwen.com/subject/lyhcdxtx.html