ngclass 不适用

Question

我正在尝试创建一个 div，它将根据范围内的变量更改其大小。 （角度 1.7.8）

我有 <div ngClass="{{getClass()}}"> 我相信该函数绑定正确，因为当我加载网页并检查它显示的元素时

<div ngclass="{"column-20":false,"column-25":true}">

作为参考，getClass 函数如下所示

$scope.getClass = function() {
            return {'column-20': $scope.<thing> != "value",
                'column-25': $scope.<thing> == "value"}
        }

尽管它似乎显示了正确的逻辑，但我没有看到应用于 div 的类。

谢谢

Answer 1

ngClass 不能以这种方式工作。

ngClass 如果某些相关模型为真，则激活一个类。以您为例：

<div ng-class="{'column-20': thing1,'column-25': thing2}">

在你的控制器中的某个地方：

$scope.thing1 != "value"
$scope.thing2 != "value"

文档：https://docs.angularjs.org/api/ng/directive/ngClass

编辑：连字符与单引号一起使用