Angular 使用ng模型变量使用角度2中的ng变化

Angular 使用ng模型变量使用角度2中的ng变化,angular,Angular,如何在angular 2中使用ng change事件?无论何时更改ng模型变量,都必须调用函数 [(ngModel)]="variable" ngchange=variable; 您可以使用ngModelChange事件: [(ngModel)]="variable" (ngModelChange)="doSomething($event)" 编辑 根据您的评论,我认为您应该使用带有自定义验证器的表单控件 以下是一个示例: @Component({ (...) template: `

如何在angular 2中使用ng change事件?无论何时更改ng模型变量,都必须调用函数

[(ngModel)]="variable"
ngchange=variable;

您可以使用
ngModelChange
事件:

[(ngModel)]="variable" (ngModelChange)="doSomething($event)"
编辑

根据您的评论,我认为您应该使用带有自定义验证器的表单控件

以下是一个示例:

@Component({
  (...)
  template: `
    <input [(ngModel)]="variable" [ngFormControl]="ctrl"/>
  `
})
export class SomeComponent {
  constructor() {
    this.ctrl = new Control('', (control) => {
      // validate the value
    });

    this.ctrl.valueChanges.subscribe((value) => {
      // called when the value is updated
    });

  }
}
@组件({
(...)
模板:`
`
})
导出类组件{
构造函数(){
this.ctrl=新控件(“”,(控件)=>{
//验证值
});
this.ctrl.valueChanges.subscribe((值)=>{
//更新值时调用
});
}
}
有关更多详细信息,请参阅本文:


组件具有双向绑定

  • 用于输出的
    ()
  • []
    用于输入

这意味着您可以使用==>
[value]=“variable”
(输入)=“setVariable($event)”

每当变量的值更改时,我必须调用函数来验证变量\n您还可以使用模板变量而不是$event