javascript - angular ng-class 有两个类，一个来自变量名，一个有条件

Question

我遇到了一个问题，可能是我在 Internet 上找不到的一些语法。

我创建了一个 Angular Directive(指令)，它接收一个类名作为范围变量。在模板中，我想添加给定的类名和另一个类作为条件。类似的东西:

app.directive('MyDirective', function () {
    return {
        restrict: 'E',
        scope: {
            className: '=',
        },
        template: "<div ng-class="className, 'otherClass':{expression}"></div>"
    }
});

谢谢:)

Answer 1

假设 className 是作用域上的一个属性:

您可以使用对象文字语法本身的数组表达式。

 <div ... ng-class="[className, {true : 'otherClass'}[expression]]"

或将其与 class 混合使用

<div ... class="{{className}}" ng-class="{'otherClass': expression}"