Javascript 通过数据ng类根据不同条件添加类

Javascript 通过数据ng类根据不同条件添加类,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我在Angular.js中有以下代码,其中我尝试根据由variable-togglequadkey构成的切换条件切换2个类 <span class="quad-icon" data-ng-class="'quad-icon':!togglequadkey, 'teeth-icon':togglequadkey"></span> 您正在尝试使用对象语法,而不在{} 尝试: 您正在尝试使用对象语法,而不在{} 尝试: 您正在尝试使用对象语法,而不在{} 尝试: 您正在尝试使

我在Angular.js中有以下代码,其中我尝试根据由variable-togglequadkey构成的切换条件切换2个类

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

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

尝试:


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

尝试:


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

尝试:


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

尝试:


如果您使用的是angular v.1.1.4+,则可以使用三元运算符,该运算符允许使用速记来指定两个不同的类,一个为true,一个为false

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

如果您使用的是angular v.1.1.4+,则可以使用三元运算符,该运算符允许使用速记来指定两个不同的类,一个为true,一个为false

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

如果您使用的是angular v.1.1.4+,则可以使用三元运算符,该运算符允许使用速记来指定两个不同的类,一个为true,一个为false

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

如果您使用的是angular v.1.1.4+,则可以使用三元运算符,该运算符允许使用速记来指定两个不同的类,一个为true,一个为false

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

仅供参考
$scope.togglequadkey=$scope.togglequadkey===false?真:假
$scope.togglequadkey=相同$scope.togglequadkey仅供参考
$scope.togglequadkey=$scope.togglequadkey===false?真:假
$scope.togglequadkey=相同$scope.togglequadkey仅供参考
$scope.togglequadkey=$scope.togglequadkey===false?真:假
$scope.togglequadkey=相同$scope.togglequadkey仅供参考
$scope.togglequadkey=$scope.togglequadkey===false?真:假
$scope.togglequadkey=相同$scope.togglequadkey你做到了,伙计!;)你做到了,伙计!;)你做到了,伙计!;)你做到了,伙计!;)