angularjs - ngClass 指令 : Can I use multiple expressions to add multiple classes?

标签 angularjs ng-class

这是我想要实现的目标的示例

data-ng-class="{ 'tooltip_show' : showTooltip , 'tooltip__' + brand.settings.name }" 

但它不起作用。

最佳答案

使用ng-class的数组形式:

<div ng-class="[showTooltip ? 'tooltip_show' : '',
                'tooltip__' + brand.settings.name]">
<div>

或者在 JavaScript 中计算类:

<div ng-class="computeClass(tooltip_show, brand.setting.name)">
</div>
$scope.computeClass(show, name) {
    var obj = {};
    obj.showTooltip = show;
    obj['tooltip_'+name] = true;
    return obj;
};

后一种方法更容易调试,并且更适合复杂计算。

另请参阅,

关于angularjs - ngClass 指令 : Can I use multiple expressions to add multiple classes?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45104001/

相关文章:

ios - iOS 9.2 上的 Cordova 应用程序卡住

javascript - 如何在 HTML <pre> 或 <code> 标签中显示包含代码的 AngularJS 变量?

angularjs - ngClass 没有正常工作

css - 如何使 ngClass 响应 Angular 中的数组成员资格?

javascript - Jquery 工具提示不适用于 bootstrap js

javascript - Angularjs Controller 和模板封装与 Angular 组件

javascript - 如何在位置 0 限制零

html - 仅显示单击元素 Angular 2 的类

javascript - 在 Angular 的 ngClass 条件下使用逻辑运算符

javascript - angular 5 - 仅当数组中存在元素时才添加类