css 样式三元运算_AngularJS模板中的三元运算符

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值的表达式 . 例如 . ，

...