en utilisant le changement angulaire 2 en utilisant la variable modèle ng

Question

Comment utiliser l'événement ng-change dans angular 2 ? Chaque fois que la variable ng-model est modifiée, une fonction doit être appelée.

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

Answer 1

Vous pourriez utiliser le ngModelChange événement :

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

Editar

D'après votre commentaire, je pense que vous devriez utiliser un contrôle de formulaire avec un validateur personnalisé.

En voici un exemple :

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

  }
}

Voir cet article pour plus de détails :

• http://restlet.com/blog/2016/02/11/implementing-angular2-forms-beyond-basics-part-1/

Answer 2

Ont une liaison bidirectionnelle

• () pour la sortie
• [] pour l'entrée

cela signifie que vous pouvez utiliser ==> [value]="variable" <== pour afficher les données sur le html et ==> (input)="setVariable($event)" <== pour mettre à jour votre var dans ts/js.

event.target.value

FYI==> https://angular.io/docs/ts/latest/guide/user-input.html