ngclass 不适用

Question

我正在尝试创建一个 div，它将根据范围内的变量更改其大小。 (angular 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"}
        }

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

谢谢

Answer 1

ngClass 不能以这种方式工作。

ngClass 激活 class 如果某个相关模型为真。例如：

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

控制器中的某处：

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

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

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

ngclass 不适用

ngclass does not apply

html

angularjs