javascript - 包含值和条件的复杂 ng 类表达式

标签 javascript angularjs ng-class

假设我想让 ng 类做两件事:

1)从变量中填充值,如下所示

 `ng-class="myAwesomeJavaScriptVariable"`

2)有条件地设置预定义类:

  `ng-class = "{awesomeClass: myAwesomeBoolean}`

我知道我可以做类似的事情 class="{{myAwesomeJavaScriptVariable}}"ng-class="{awesomeClass: myAwesomeBoolean}"

我如何(如果可能的话)将这两个合并成一个 ng 类表达式?

最佳答案

我认为可能是:

data-ng-class = "{ myAwesomeJavaScriptVariable, awesomeClass: myAwesomeBoolean }"

或者:

   class = "{{ myAwesomeJavaScriptVariable}} left clearfix" data-ng-class="{awesomeClass: myAwesomeBoolean }"

关于javascript - 包含值和条件的复杂 ng 类表达式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22490724/

相关文章:

javascript - 通过 Spring MVC 使用 ajax() POST 请求下载文件

javascript - 将数据添加到 Angular $http 缓存

html - Angular(4 或 2)如果满足条件则应用 CSS

javascript - Angular ngClass 幽灵类

javascript - 应用 ng-class 评估 P 标签内的不同表达式

javascript - 如何使用ant design和react在选择选项中添加输入字段

javascript - 将数据从一个输入字段移动到另一个输入字段并提交表单

javascript - 在 Angular.js 的 ngModel 中使用表达式

php - 如何使图像按钮运行 PHP 脚本?

javascript - 如何在 Angular 2中存储复选框的选中或未选中事件