css - 为什么只提供类名时 ng-class 不起作用？

Question

我没有看到任何表明为什么这不起作用。Angular Doc说“如果表达式计算为字符串，则该字符串应该是一个或多个以空格分隔的类名。” 我在这段代码中做错了什么？

不起作用：

 <div ng-class="myClass">
    Using ng-class (with no quotes so maybe it doesn't evaluate to a String).
</div>

不起作用：

<div ng-class="'myClass'">
    Using ng-class (with quotes around the class name so it is (?) evaluated to a String).
</div>

作品：

<div class="myClass">
    Using regular class, no ng-class.
</div>

score 3 · Accepted Answer

ng-class用于根据条件动态添加/删除类。我在上面的案例中使用了类，但是如果您想动态添加一个类，请foo使用：ng-class="{'foo': condition}"

要记住的是，Angular 可以帮助您按照标准 HTML 执行动态操作。因此，如果您需要做的就是向元素添加一个类，只需使用 class.

score 2 · Accepted Answer

ng-class 将引用范围变量或根据表达式输出动态应用类。

请看一下这个样本：http: //jsfiddle.net/BJjB2/4/

例如：

function mainCtl($scope) {
    $scope.myClass = 'myClass';
}

更改 $scope.myClass 值也会更新 css 类。

2 回答 2