iangularjs 模板_AngularJS模板中的三元运算符

更新：Angular 1.1.5添加了一个三元运算符，因此现在我们可以简单地编写

如果您使用的是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。第三次($ index从0开始)，添加了anotherClass类。

ng-style采用一个表达式，该表达式必须计算为CSS样式名称与CSS值的映射/对象。例如，

...