Update :Angular 1.1.5增加了一个ternary operator,所以现在我们可以简单地写一下
如果您使用的是早期版本的Angular,您的两个选择是:
(condition && result_if_true || !condition && result_if_false)
{true: 'result_if_true', false: 'result_if_false'}[condition]
上面的第2项创建了一个具有两个属性的对象数组语法用于选择名称为true的属性或名称为false的属性,并返回关联的值 .
例如 . ,
...or
...$ first在第一个元素的ng-repeat中设置为true,因此上面只会在第一次循环时应用类'myClass1'和'myClass2' .
使用 ng-class 有一种更简单的方法:ng-class采用必须求值为以下值之一的表达式:
一串以空格分隔的类名
一个类名数组
类名的映射/对象为布尔值 .
上面给出了1)的一个例子 . 这是一个3的例子,我认为它读得更好:
...第一次通过ng-repeat循环,添加了类myClass . 第3次通过($ index从0开始),添加了class anotherClass .
ng-style 采用必须将CSS样式名称的 Map /对象评估为CSS值的表达式 . 例如 . ,
...