javascript - AngularJS ngClass 表达式和数组组合

Question

在 AngularUI Bootstrap 模态视图中，我目前在 ng-class 中有以下表达式:

<div class="modal-body mdl-body"
     ng-class="{ 'is-msg': vm.message.type == 'msg',
                 'height-limit': vm.message.hasHeight }">

但我还想传递一组自定义类，如下所示:

ng-class="vm.message.classes"

这是在 Controller 中调用模态的地方:

modalService.open({
  type: "okay",
  title: "Terms & Conditions",
  content: $scope.APISettingData.signup_term_and_condition,
  classes: ["h-md", "text-info"],
  isHtml: true,
  hasHeight: true
});

这两种方式在没有彼此的情况下都有效，但当我尝试将它们结合使用时它们却不起作用。

这有可能吗？请给我一些想法和解决方案。

Answer 1

还有另一种语法看起来像这样

<div ng-class="[custom1, custom2, {'text-danger': isBadJuJu()}]">Some Text</div>

其中 custom1 和 custom2 是 Controller 范围内的变量，{} 是一组表达式，很像您在第一个示例中使用的语法