值更改時(shí)會(huì)觸發(fā)ngChange（ngChange與經(jīng)典的onChange事件不相似）。如何將經(jīng)典的onChange事件與angularjs綁定在一起，只有在提交內(nèi)容時(shí)才會(huì)觸發(fā)？當(dāng)前綁定：<input type="text" ng-model="name" ng-change="update()" />
3 回答
holdtom
TA貢獻(xiàn)1805條經(jīng)驗(yàn) 獲得超10個(gè)贊
這篇文章顯示了一個(gè)指令示例，該指令將模型對(duì)輸入的更改延遲到模糊事件觸發(fā)之前。
這是一個(gè)小提琴，顯示了ng-change與新的ng-model-on-blur指令一起使用。請(qǐng)注意，這是對(duì)原始提琴的略微調(diào)整。
如果將指令添加到代碼中，則將綁定更改為：
<input type="text" ng-model="name" ng-model-onblur ng-change="update()" />
這是指令：
// override the default input to update on blur
angular.module('app', []).directive('ngModelOnblur', function() {
return {
restrict: 'A',
require: 'ngModel',
priority: 1, // needed for angular 1.2.x
link: function(scope, elm, attr, ngModelCtrl) {
if (attr.type === 'radio' || attr.type === 'checkbox') return;
elm.unbind('input').unbind('keydown').unbind('change');
elm.bind('blur', function() {
scope.$apply(function() {
ngModelCtrl.$setViewValue(elm.val());
});
});
}
};
});
注意：正如@wjin在下面的注釋中提到的，此功能在Angular 1.3（當(dāng)前為beta）中通過(guò)受到直接支持ngModelOptions。有關(guān)更多信息，請(qǐng)參閱文檔。
冉冉說(shuō)
TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超1個(gè)贊
如果其他任何人正在尋求其他“輸入”按鍵支持，這里是Gloppy提供的小提琴的更新。
按鍵綁定代碼：
elm.bind("keydown keypress", function(event) {
if (event.which === 13) {
scope.$apply(function() {
ngModelCtrl.$setViewValue(elm.val());
});
}
});
- 3 回答
- 0 關(guān)注
- 1650 瀏覽
添加回答
舉報(bào)
0/150
提交
取消