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

Arr*_*ron 37 angular

如何在角度2中使用ng-change事件?每当更改ng-model变量时,都必须调用一个函数.

[(ngModel)]="variable"
ngchange=variable;
Run Code Online (Sandbox Code Playgroud)

Thi*_*ier 73

你可以使用这个ngModelChange事件:

[(ngModel)]="variable" (ngModelChange)="doSomething($event)"
Run Code Online (Sandbox Code Playgroud)

编辑

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

这是一个示例:

@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
    });

  }
}
Run Code Online (Sandbox Code Playgroud)

有关详细信息,请参阅此文章:


Nav*_*han 10

组件具有双向绑定

  • ()输出
  • []输入

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

event.target.value

仅供参考==> https://angular.io/docs/ts/latest/guide/user-input.html