美文网首页前端技术类型程序员前端程序员干货
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判断奇偶数,使其背景色不一样

    Angularjs开发里,要让ng-repeat的出来的数据进行背景色区分。 后来,查了一些文档,看到破狼的《细说...

  • 序言之奇偶数的判断

    &运算对奇偶数的判断输入任意整数,判断 奇数返回字符串 奇数 偶数返回字符串 偶数 public static v...

  • 判断奇偶数

    日前,在用户填写基本资料时,为了观察用户在填写资料时哪种填写方式转化率高一些,于是做了一个测试:就是分强制填完和不...

  • 制作隔行变化的商品列表

    (一) 需求说明使用基本过滤选择器,实现隔行变色的表格(不包括表头),偶数行背景色为#eff7d1,奇数行背景色为...

  • 012:奇偶数判断

    012:奇偶数判断 总时间限制: 1000ms 内存限制: 65536kB描述给定一个整数,判断该数是奇数还是偶数...

  • 11.JavaScript-if语句练习

    需求:接收用户输入的整数,判断是否是偶数,偶数输出TES,奇数输出NO 需求:接受用户输入的整数,判断是星期几之后...

  • 怎么用二进制进行符号判断

    判断奇数偶数: 判断是否是负数+正数/负数,如果遇到0的话当我没说

  • 作业

    1、判断一个数是奇数还是偶数 结果: 10是偶数 2、给一个年份,判断是否是闰年 结果: 2016年是闰年2014...

  • ng-class

    ng-class

  • 扒开《华杉讲透孙子兵法》的画皮(六)

    6、华杉原文:“以正合、以奇(ji)胜”,而不是“以正合,以奇(qi)胜” 是奇数偶数的奇,又称余奇,就是多出来的...

网友评论

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

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