javascript - 如何使用角度js中的$scope变量将类分配给元素

Question

我有一堂课

.haba-haba{
border:1px solid red;
height:50%;
width:50%;
}

我将类名存储在控制器的范围变量中，使用

$scope.className = "haba-haba";

我如何分配$scope.className给我div的班级？

我试过做<div ng-class="'{{className:true}}'"></div>它没有用。

任何人都可以告诉我一个解决方案吗？提前致谢！

Answer 1

该ngClass指令的语法是这样的：

ng-class="{'haba-haba': thruthValue}"

在哪里

$scope.thruthValue = true;

您显然可以用 or 替换true返回orfalse的函数。truefalse

另一种用法是：

ng-class="getTheClass()"

在哪里

$scope.getTheClass = function() {
    return 'haba-haba';
}

这是第二种用法的工作小提琴。

此外，正如其他人所指出的，第二种用法完全反对理智的 MVC。除非您知道自己在做什么，否则不要使用它。

Answer 2

实际上，您应该做的ng-class是创建一个布尔变量并将其附加到ng-class属性 - 当这个布尔值是true- div 具有该类：

$scope.toggleClass = false;

ng-class="{'haba-haba' : toggleClass}"

现在，当您设置toggleClass为true- 您的 div 被haba-haba添加。