Question

我在页面的不同部分使用自定义指令。为此我创建了一个自定义的简单指令来显示基于id的html div的类。这是在ng-repeat中完成的。

html部分是这样的：

<l-status id="l.status" name="l.name"></l-status>

这是我的指示：

app.directive("lStatus", function () {
    return {
        restrict: 'E',
        scope: {
            id: '=',
            name: '='
        },
        replace: true,
        templateUrl: "/app/views/status.html"
    }
});

在我的指令模板中，我有以下内容：

<span ng-if="id === null" class="label label-primary">{{name}}</span>
<span ng-if="id === 1" class="label label-danger">{{name}}</span>

这给了我一个错误。但是，如果我离开“'ng-if =”id === *'“部分，我会回到预期的结果。不幸的是没有所需的课程！

Meybee有更好的方法来实现这个目标吗？

Answer 1

您应该尝试使用ng-class。 Documentation on ng-class here

基本上你做

<span class="label" ng-class="{'label-primary': id === null, 'label-danger': id === 1}>{{name}}</span>

在angular指令中根据id更改div类

1 个答案: