如何在 Angular2 上使用 onBlur 事件？

如何检测 Angular2 中的 onBlur 事件？ 我想用它

<input type="text">

谁能帮助我了解如何使用它？

Use (eventName)将事件绑定到 DOM 时，基本上()用于事件绑定。另外，使用ngModel获得双向绑定myModel多变的。

Markup

<input type="text" [(ngModel)]="myModel" (blur)="onBlurMethod()">

Code

export class AppComponent { 
  myModel: any;
  constructor(){
    this.myModel = '123';
  }
  onBlurMethod(){
   alert(this.myModel) 
  }
}

Demo http://plnkr.co/edit/V7Br0vu9GPA2NmjjwVad?p=preview

替代方案1

<input type="text" [ngModel]="myModel" (ngModelChange)="myModel=$event">

替代方案2（不推荐）

<input type="text" #input (blur)="onBlurMethod($event.target.value)">

Demo http://plnkr.co/edit/zgNuv0UBH48Ms1EzM478?p=preview

对于要触发验证的模型驱动表单blur，你可以通过updateOn范围。

ctrl = new FormControl('', {
   updateOn: 'blur', //default will be change
   validators: [Validators.required]
}); 

设计文档 https://docs.google.com/document/d/1dlJjRXYeuHRygryK0XoFrZNqW86jH4wobftCFyYa1PA/edit#