如何使用AngularJS的scope来监视JQuery选择器
How To Watch a JQuery Selector Using AngularJS scope.$watch() Method
我正在编写一个指令,需要监视使用特定类更新的元素,例如.ng-invalid
。如您所知,.ng-invalid
被添加到无效的表单元素中。
我需要观察这些元素,以确定类是否被添加或删除。
我怎样才能做到这一点?
Thanks in advance
你可以$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
}
})
小提琴。在本文中,我将ng-minlength="2"
添加到第一个input
中。在该字段中输入两个字符以查看$watch触发器
观察FormController的$invalid
属性是否足以满足您的目的?这将通知您表单的整体无效状态的更改,例如:
// Somewhere in your directive; formCtrl is the FormController
scope.$watch(function() {
return formCtrl.$invalid;
}, function(isInvalid, wasInvalid) {
// ...
});
相关文章:
- 无法从 jQuery RSS Feed 中的 localStorage 动态替换类
- 如何使用jQuery自动打开页面上的所有链接
- 如何使用jquery在填充自动完成的值后使文本框只读
- jQuery:循环一个具有不同超时值的循环
- 用程序搜索JQuery数据表中的文本
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- jQuery匹配JSON对象的部分文本
- Jquery POST未填充数组
- JQuery使计数器每次更改时都会增加
- 使用jquery和lodash限制监视的输入
- 如何监视jQuery AJAX请求
- 如何监视 jQuery 中主体“data”属性何时更改
- 如何使用SpyOnEvent监视jquery-jasmine的事件
- Jasmine jquery - 监视具有数据属性的事件
- 如何监视jQuery's附加函数Sinon
- 如何使用AngularJS的scope来监视JQuery选择器
- Jquery监视某些字段中的某些值
- Jasmine:监视调用同一函数的多个Jquery选择器
- 使用jquery连续监视3个文本输入字段
- 监视由jQuery调用的函数“更改”与RequireJS和Jasmine