Tag: angularjs ng change

我怎样才能让angularjs ngChange处理程序只有当用户input完成时才被调用

我有一个input字段,我想要应用ngChange的变体。 input字段是与ajax调用的绑定,当用户改变input时,服务器端将处理数据,但是,我不想太频繁地调用这个调用。 假设用户想要input一个真正的string,我只想在用户完成他即将input的单词之后才能进行呼叫。 不过,我不想使用模糊等事件。 什么是更好的方式来实现这个,而不是setTimeout ?

如何实现自定义指令的ng-change

我有一个像模板的指令 <div> <div ng-repeat="item in items" ng-click="updateModel(item)"> <div> 我的指令被声明为: return { templateUrl: '…', restrict: 'E', require: '^ngModel', scope: { items: '=', ngModel: '=', ngChange: '&' }, link: function postLink(scope, element, attrs) { scope.updateModel = function(item) { scope.ngModel = item; scope.ngChange(); } } } 我想在点击一个项目时调用ng-change ,并且foo的值已经被更改。 也就是说,如果我的指令被实现为: <my-directive items=items ng-model="foo" ng-change="bar(foo)"></my-directive> 我希望在foo的值更新时调用bar 。 使用上面给出的代码, ngChange被成功调用,但是用旧的foo值而不是新的更新值调用。 解决这个问题的一个办法是在超时时间内调用ngChange以便在将来的某个时刻执行它,当foo的值已经被改变时。 […]

何时在Angularjs中使用$ watch或ng-change

什么时候应该使用angular $watch函数,以及何时使用ng-change angularjs指令? 对我而言,他们都可以这样做。 他们之间有任何差异或使用模式?

Angularjsdynamicng模式validation

我有一个表单,如果一个checkbox是假的,使用ng-required指令强制文本inputvalidation。 如果checkbox为true,则该字段将被隐藏,并将ng-required设置为false。 问题是,我也有一个正则expression式在input上指定的validation,以及使用NG模式angular度指令。 我遇到的问题是,如果用户填写一个无效的电话号码,选中该框禁用该input(因此不需要进一步的validation)表单将不允许提交,因为它是基于ng模式无效。 我试图通过添加一个ng-change函数来将input模型设置为null来解决这个问题,但是ng-pattern,因此这个字段在checkbox的初始设置中仍然被设置为false。 但是,如果我取消选中该框,将所有内容设置回初始表单加载,然后再次选中该框,表单有效并可以提交。 我不知道我错过了什么。 这是我迄今为止的ng-change代码: var phoneNumberRegex = /^\(?(\d{3})\)?[ .-]?(\d{3})[ .-]?(\d{4})$/; $scope.phoneNumberPattern = phoneNumberRegex; $scope.removeValidation = function() { if ($scope.cell._newUser === false) { $scope.request._number = ''; $scope.phoneNumberPattern = /[0-9a-zA-Z]?/; } else { $scope.phoneNumberPattern = phoneNumberRegex; } };