|
|
Veröffentlicht am 02.06.2020 17:20:01
|
|
|
|
Rückblick auf den vorherigen Abschnitt
Dieser Artikel erklärt, dass, wenn man Ereignisse für dynamische Komponenten abonniert, wir wissen, dass gewöhnliche Komponenten durch () gebunden werden können, aber was ist, wenn man dynamisch erstellte Ereignisse bindet? Und akzeptieren Sie die von der Komponente übermittelten Parameter.
Modal1Component und Modal2Component-Komponenten sind Komponenten, die wir dynamisch in der Hauptschnittstelle erstellen.
Wir modifizieren die Modal1Component-Komponente, um eine Eingabebox und einen Button hinzuzufügen. Wenn der Button für die Kindkomponentenkomponente angeklickt wird, wird der Wert an die Elternkomponente zurückgegeben und auf der Schnittstelle der Elternkomponente angezeigt.
Schauen wir uns zuerst die Renderings wie folgt an:
Modal1-Komponente (dynamisch erstellte Unterkomponente) bezogener Code
modal1.component.html
modal1.component.ts
Index Component (Parent Component) bezogener Code
index.component.html
index.component.ts
Wenn ein Fehler gemeldet wird:
Ich kann mich nicht an 'ngModel' binden, da es keine bekannte Eigenschaft von 'Input' ist.
Lösung:
Füge folgenden Code zu deinem app.module hinzu:
Wir können jetzt Events für dynamisch erstellte Komponenten abonnieren.
Wenn Sie den Wert der empfangenden Unterkomponente nicht berücksichtigen, können Sie auch HostListener verwenden, um die Ereignisse der Unterkomponente zu empfangen und sie dann entsprechend dem Button-Namen zu behandeln.
Fügen Sie folgenden Code der Elternkomponente index.component.ts hinzu:
Das e hier bezieht sich auf $event.target, und wenn Sie wissen, wie Sie die Parameter des Ereignisses bekommen, können Sie auch auf eine Nachricht aus diesem Artikel antworten.
(Ende)
|
Vorhergehend:Winkel-9-Serie (2) dynamische Komponenten ÜbertragungsparameterNächster:Artikelveröffentlichungssystem, das weiß, wie man schreibt
|
