如果Angular 2中的字段无效，则阻止将数据发送到模型

Question

我有一个模板驱动的表单，带有双向数据绑定和验证器

<input [(ngModel)]="myObj.name" someValidator>

如果存在某些验证错误，如何防止sendind数据从输入中进行模型化？在我的模型中，我希望只有表格中的正确数据。

Answer 1

您可以将keyup功能附加到输入，并做您想做的任何事情。

<input [ngModel]="myObj.name" (keyup)="onChangeCheck($event.target.value)"> 

 export class ParentCmp {

   onChangeCheck(val){
      console.log(val);
        if( condition){
            this.myobj.name = value;
         }else{
             // do nothing
         }
    }
}