Wie Sie trigger-Eckige 2-Formular Einreichen von Komponente?

Grundsätzlich habe ich

<form #f="ngForm" (ngSubmit)="save(f.form)" #formElement>
    ...
    <button class="btn btn-primary" #saveButton>Save</button>
</form>

Will ich auslösen zu können submit() aus der Komponente.
Ich habe versucht @viewChild('formElement') und renderer.invokeElementMethod auslösen click().

InformationsquelleAutor lock42 | 2017-11-21
  1. 21

    NgForm hat die Eigenschaft ngSubmit die EventEmitter. Dabei emit() auf diese Eigenschaft aus der Komponente löst ein submit.

    Außerdem müssen Sie Ihre f variable statt formElement weil f ist die Referenzierung von ngForm.

    @ViewChild('f') form: NgForm;

form.ngSubmit.emit();
    • die ganze Zeit war ich versucht zu tun, aber ich wies es das falsche template-Variablen. :(. Ich habe Sie entscheiden sich für eine Problemumgehung verwenden (ändern) statt ngSubmit und lassen Sie den client von der Komponenten-Prüfungen für ungültig, obwohl. Anyways, danke Haufen. Dies beantwortet die Frage, die ich gebucht habe, damit ich akzeptierte Ihre Antwort.
    • Hallo, ich bin in einer ähnlichen situation, in der ich-form in einer Komponente, und die senden-Schaltfläche in der übergeordneten parent-Komponente. Ich habe versucht, viewChild. Es ist nicht in Ordnung. Hier ist der link zu stackblitz: stackblitz.com/edit/...
    • In Ihrem Fall können Sie das Formular aufrufen, mit ViewChild von der ersten und zweiten Ebene wie die form ist, in einer anderen Komponente (Ebene drei). Was Sie tun möchten, ist zu haben in der zweiten Ebene @ViewChild(LevelThreeComponent) lvlThreeCmpt: LevelThreeComponent; und rufen Sie dann die Methode, die Ebene drei-Komponenten auf Ebene zwei submit - lvlThreeCmpt.onNgSubmit(). Gleiche gilt für level one - Sie benötigen für den Zugriff auf Ebene zwei und dann drei. Die Sache ist, wird es sehr Komplex. Besser ist es, einen service und haben die dort angeben.
    InformationsquelleAutor Hristo Enev
Schreibe einen Kommentar