Agularjs ng-class:如果其他条件变为真,则删除类
Agularjs ng-class:remove class if other condition becomes true
这个问题可能不清楚,但我无法找到更好的问题来详细说明。我正在尝试使用 ng 类和使用条件突出显示表行。下面是我的代码:
<tr ng-class="{selectSuccess: selectedRows.indexOf(rowData.entity_id) > -1,
danger: rowData.total_received < rowData.total_sold,
info: rowData.total_received > rowData.total_sold}">
在我的代码中,如您所见,有三个条件和三个类。 danger
和 info
类在页面加载时添加,因为它们变为真,但当我选择一行时selectSuccess
变为真,所以我需要知道是否有可能为此selectSuccess
添加重要内容。我尝试通过 css 添加重要内容,但这不起作用。或者我需要知道当我单击一行时是否可以将另一个条件设置为 false。
注意:如果需要,我可以添加整个代码,但只需要知道我是否可以切换类,这就是为什么只提供主代码的原因。
您可以向危险和信息条件添加&& selectedRows.indexOf(rowData.entity_id) == -1
。
相关文章:
- 删除ng模型中的ng模型输入值
- 每个点击的项目上的“ng-class”
- 在所选元素的父元素上添加“ng-class”
- ng-class 在 angularJs 中由 ng-include 包含的文件内不起作用
- Angular ng-class没有更新
- ng-class not working properly in 'AngularJs'
- 如何访问Angular JS模板指令中设置的值,如“ng class?”
- 如何在AngularJS中使用ng-class仅在特定页面上向元素添加类
- ng-class 的函数表达式在 ng-click 时被调用
- Angular ng-class 呈现正确的类,但 Karma 显示错误
- AngularJS - 如果包含字符串,则删除ng重复项
- 使用 class、ng-show 和 ng-class 执行 AngularJS 动画
- Agularjs ng-class:如果其他条件变为真,则删除类
- ng-class 用于突出显示基于 ng 重复的活动菜单项.AngularJS.
- Angular js ng-class 不起作用
- ng-class $event.stopPropagation() 在 Angular 中对父级不起作用
- AngularJS ng-class JavaScript animations不会触发
- 如何使用 ng-class 在值计算结果为零时删除类
- 在 Angular JS 中使用 ng-class
- 通过ng-class根据属性值添加和删除类