angularjs - ng-class 中的 angularjs 表达式语法是什么

Question

AngularJS Noob Handbook有一些代码可以将类操作简化为简单的表达式和绑定(bind):

<a ng-click="flags.open=!flags.open">...<div ng-class="{active:flags.open}">

但是，ng-class 中的表达式语法是什么？我知道竖线(|)会穿过过滤器，并且过滤器可以在冒号之后传递参数，但上面的代码做了不同的事情。如果右侧的范围变量计算结果为 true，则包含左侧的表达式，否则将被删除。

这是特定于 ng-class 指令的吗？有关于 http://docs.angularjs.org 的一些文档吗？这解释了这一点吗？

Answer 1

ngClass documentation 中简要提到了这一点(在我看来太简单了) 。如果您将一个对象传递给 ngClass，那么如果该键的 值 为 true，它将将该对象的每个键 作为一个类应用于该元素。例如:

$scope.first = true
$scope.second = false
$scope.third = true

与

<div ng-class="{a: first, b: second, c: third}"></div>

会导致

<div class="a c"></div>