将一个类添加到元素时，我想向该元素添加另一个类。当一个类被删除时，我想删除一个元素。我基本上是将一些引导程序类映射到某些角度形式验证类，但是当从元素中添加/删除一个类时，我无法弄清楚如何触发我的代码（还要确保不要引起类更改的无限循环）
。

到目前为止，这是我的指令的内容：

.directive('mirrorValidationStates', ['$log', function($log) {
  function link(scope,element,attrs) {
    scope.$watch(element.hasClass('someClass'), function(val) {
      var classMap = {
        'popupOn': 'has-error',
        'ng-valid': 'has-success'
      };

      for (var key in classMap) {
        if (element.hasClass(key)) {
          $log.info("setting class " + classMap[key]);
          element.parent().addClass(classMap[key]);
        } else {
          $log.info("removing class " + classMap[key]);
          element.parent().removeClass(classMap[key]);
        }
      }
    });
  }
  return {
    link: link
  };
}]);

因此，基本上，当popupOn添加到元素时，我想将has-errorbootstrap类添加到父元素。何时popupOn删除，我想删除has- error。

我想在Angular中实现这一目标而错过了什么？也许有ng-class的东西而不使用指令？

非常感谢！