javascript - Angular 指令和 ng-class

Question

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

<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>