javascript - Angular Directive(指令)和 ng 类

Question

假设一个带有 html 的指令，例如在 component.html 中

<div class="text-field"
     ng-class="{'classA': varA}">
....
</div>

然后我试着做...

<component ng-class="{'classB': varB}"></component>

在那之后，在 ng-class 中，我有类似 {'classB': varB} {'classA': varA} 的东西，这显然不起作用。

问题是我无法更改 component.html 但我需要在 keyup 上添加/删除类(取决于条件)。是否有可能在我的情况下添加 ng-class 或者也许有另一种添加/删除类的方法？

Answer 1

尝试添加另一个通过脚本添加类的指令，例如

.directive('myDir',function(){
  return {
    scope:{
     varB:'='
    },
    link: function($scope,$element){
      if($scope.varB)
        $element.addClass('classB');
    }
  }
});

并像这样使用:

<component ng-class="{'classB': varB}" my-dir var-b="something"></component>