Reaktiven Formen und @Input

Ich möchte Reactiev Formular mit den Werten von anderen Komponenten. Zum übergeben von Daten an Komponenten verwende ich @Input.

Zum Beispiel:

import { Component, OnInit, Input } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  ...
})
export class GetData implements OnInit {
  @Input() dataToPass: DataOne;
  myForm: FormGroup;

ngOnInit() {
    this.myForm = this.fb.group({
    name: ['', [Validators.required]],
... }
}

Ich möchte, um zu sehen, in der HTML-Formular Daten übergeben in-Eingang.

Ist es möglich? Wo soll ich die Daten übergeben-Form?

Neuen code nach deinen Tipps:

ngOnChanges(changes: SimpleChanges) {
    console.log(changes);

    if (changes['this.dataToPass'] && changes['this.dataToPass'].currentValue) {
      console.log('change');
    }

    if (changes['this.dataToPass'].firstChange === true) {
      console.log('Change is seen');
    }
}

Erste Bedingung nicht wahr ist. Zweite, bekomme ich die Fehlermeldung: FEHLER TypeError: Cannot read property 'firstChange' undefined.

Folgender code:

if (changes['dataToPass'].firstChange && changes['dataToPass']) {
      console.log('Change is seen');
      console.log(this.dataToPass.firstName);
}

Was ich bekomme ist: "FEHLER TypeError: Cannot read property firstName von undifined."

Es sieht aus wie der Eingang passiert nach solchen änderungen.

+1
2019-09-19 00:38:15
Quelle
0 Antworten

Sehen Sie sich andere Fragen zu Tags an