Question

我有一个ng-repeat指令可以呈现一些元素。我已经为每个元素添加了一个自定义指令来添加其他功能。基于内部指令逻辑（如果a大于b），我想在该指令中添加一个类。到目前为止，我还没有达到这个目标。

JS：

app.directive('myDirective', function(){
  return {
    restrict: "A",
    scope: {
      myDirective: '='
    },
    link: function(scope, element, attrs) {
        /*internal logic*/
    if(a > b){
        //add class to the current directive
        //something like this.addClass("redText");
    }
    }
  };
});

HTML：

<div class="row" ng-repeat="pos in positions" my-directive="pos">

</div>

Answer 1

使用element进行DOM操作。

app.directive('myDirective', function(){
  return {
    restrict: "A",
    scope: {
      myDirective: '='
    },
    link: function(scope, element, attrs) {
        /*internal logic*/
    if(a > b){
        element.addClass("redText");
    }
    }
  };
});

Angular 1.x无法基于内部逻辑将类添加到自定义指令

1 个答案: