2018-04-03 ng-class 的用法

当需要根据条件动态设置css样式时，可选择使用ng-class进行设置。将ng-class的值作为一个对象，通过key/value键值对绑定。

当距离合同到期时间（CIL_ContractEndDate）60天：红色，60~90天：黄色，>90天：无底色。

html：

tbred为true时，添加红色背景色属性；tbyellow为true时，添加黄色背景色属性；tbtransparent为true时，添加背景无底色属性；而tbred\tbyellow\tbtransparent三个属性为true还是false，通过js中的color\color2\color3方法进行控制。

css：

js：

color\color2\color3传入参数CIL_ContractEndDate（合同到期时间），将合同日期减去相应的天数判断满足三种颜色要求的哪一种，通过返回true\false，控制css样式。

此外，ng-class还有另外两种用法：一、当它的值为一个字符串时，它就会把字符串加到class中；二、当它的值为一个数组时，每个字符串元素都会被加到class中。

本文作者：叶佳意