Question

我想使用指令的scope属性作为ngClass

中的类名

someModule.directive("someDirective", function () {
    return {
        restrict: "A",
        scope: {
            styleClass: '@',
        },
        replace: true,
        template: "<li ng-class='{'{{styleClass}}:true'}' />"
    }
}

我也尝试了ngClass的其他语法，但这也不起作用（我为此添加了$scope.dummy = true）

template: "<li ng-class=\"{true: '{{styleClass}}'}[dummy]\" />"

有没有正确的方法呢？

Answer 1

如果您的ng-class表达式中没有条件，您只需在模板中使用class：

template: "<li class='{{styleClass}}'/>"

这是plunkr中的一个例子：http://plnkr.co/edit/YrqMeAIbaekeH8PFlQIg?p=preview

在ngClass中使用指令的scope属性作为类名

1 个答案: