ngModelOptions的angular的updateOn属性支持的完整事件列表是什么?

时间:2015-08-14 22:08:54

标签: javascript angularjs angular-ngmodel

docs

  

updateOn:指定输入绑定到哪个事件的字符串。您可以使用空格分隔列表设置多个事件。有一个名为default的特殊事件与属于控件的默认事件匹配。

该页面提到了一些事件:blurdefaultsubmit。还有其他人吗?完整列表是否记录在任何地方?

2 个答案:

答案 0 :(得分:3)

据我所知,您可以将任何可用的DOM事件绑定到updateOn属性。查看完整列表here

查看ngModel的来源,您可以看到传递给updateOn的选项将绑定到实际元素本身。

https://github.com/angular/angular.js/blob/master/src/ng/directive/ngModel.js#L1188

Angular来源:

if (modelCtrl.$options.getOption('updateOn')) {
  element.on(modelCtrl.$options.getOption('updateOn'), function(ev) {
    modelCtrl.$$debounceViewValueCommit(ev && ev.type);
  });
}

答案 1 :(得分:0)

  

您现在可以在以下情况下控制表单(或单个表单元素):   值或有效性已更新。此功能已在   AngularJS 1.x,但到目前为止在Angular 2+中还是没有的。以下更新   选项现在可以在Angular 5表单中使用:

     

更改:更改是默认模式。通过使用此更新选项,每次更改后都会更新表单/表单控件。

     

模糊:仅当表单控件失去焦点后,才会从值/有效性状态更新模糊更改模式。

     

提交:仅在提交表单后进行更新。

完整来源是here