通过data-ng-class基于不同条件添加类

Question

我在Angular.js中有以下代码，其中我试图根据由变量 - togglequadkey组成的切换条件来切换2个类。

<span class="quad-icon" data-ng-class="'quad-icon':!togglequadkey, 'teeth-icon':togglequadkey"></span>

我不知何故总是只在上面一行的控制台错误的跨度上获得头等舱。有人可以帮忙吗？

我也在为其功能添加代码：

$scope.togglequadkey = false;
$scope.togglequad = function() {
    $scope.togglequadkey = $scope.togglequadkey === false ? true : false; 
};

Answer 1

您正在尝试使用对象语法而不在{}

中包装对象

尝试：

data-ng-class="{'quad-icon':!togglequadkey, 'teeth-icon':togglequadkey}"

Answer 2

如果使用angular v.1.1.4 +，则可以使用三元运算符，它允许使用速记来指定两个不同的类，一个表达式为true，另一个表示false。

data-ng-class="togglequadkey ? 'teeth-icon': 'quad-icon'"