javascript - 如何使用 AngularJS scope.$watch() 方法观察 JQuery 选择器

Question

我正在编写一个指令，它需要监视使用特定类更新的元素，比如 .ng-invalid。如您所知，.ng-invalid 被添加到无效的表单元素中。

我需要观察这些元素以确定是添加还是删除了该类。

我怎样才能做到这一点？

提前致谢

Answer 1

你可以 $watch 一个获取 $(".ng-invalid") 长度的函数:

scope.$watch(function() {
    return $(".ng-invalid").length;
}, function (newVal, oldVal) {
    if(newVal !== oldVal) {
       console.log('changed!', newVal, oldVal);
       // do your changes here
    }
})

Fiddle .在 fiddle 中，我将 ng-minlength="2" 添加到第一个 input。在该字段中输入两个字符以查看 $watch 触发器。