Angulaire 2 Formes Réactives de détection d'entrée d'événement de changement de composant

Je tiens à détecter la valeur du changement de l'événement à l'entrée sur le formulaire.composante.ts.
Je ne voudrais pas appeler la fonction ex: (onChange) = "fonction($event.cible.valeur)"

public form: FormGroup;

constructor(private formBuilder: FormBuilder){ 

}

private loadForm(){
    this.form = this.formBuilder.group({
        tipo: [null, Validators.required],
        nomeRazao: [null, Validators.compose([Validators.required, Validators.minLength(3), Validators.maxLength(64)])],
        apelidoFantasia: [null, Validators.compose([Validators.required, Validators.minLength(3), Validators.maxLength(64)])],
        cpfCnpj: [null, Validators.compose([Validators.required, Validators.minLength(11), Validators.maxLength(14)])],
        rgIe: [null],
        contato: this.formBuilder.group({
            email: [null],
            telefone: [null]
        }),
        endereco: this.formBuilder.group({
            cep: [null, Validators.pattern('^([0-9]){5}([-])([0-9]){4}$')],
            uf: [null],
            cidade: [null],
            bairro: [null, Validators.required],
            logradouro: [null],
            complemento: [null],
            numero: [null, Validators.pattern('/^\d+$/')]
        })
    });
}

ngOnInit() {
    this.loadForm();
}

OriginalL'auteur Rafael L Ramon | 2017-06-09

  1. 23

    Vous pouvez vous abonner à votre formulaire de modifications à l'aide de ceci : 

    this.form.valueChanges.subscribe(() => {
   if (this.registerForm.controls['yourControlName'].value === 'someValue') {
      //
   }
 });
    bonne réponse, mais mieux le type-safe: c'est ce que.forme.valueChanges.abonnez-vous((data) => { if (data.yourControlName === 'someValue') { // } });

    OriginalL'auteur oubchid

  2. 6

    Pour détecter des changements dans la valeur d'un champ en particulier, 'valueChanges de l'événement sur ce champ peut être souscrit, comme indiqué ci-dessous: 

    this.myForm.get('formcontrolname').valueChanges.subscribe(val => {
    this.message = val;
  });

    OriginalL'auteur Dipendu Paul