|
|
Opslået på 02/06/2020 17.20.01
|
|
|
|
Gennemgang af det forrige afsnit
Denne artikel forklarer, at hvis du abonnerer på begivenheder for dynamiske komponenter, ved vi, at almindelige komponenter kan være bundet af (), men hvad hvis du binder dynamisk skabte begivenheder? Og acceptere de parametre, komponenten overleverer.
Modal1Component og Modal2Component-komponenter er komponenter, som vi dynamisk opretter i hovedgrænsefladen.
Vi modificerer Modal1Component-komponenten for at tilføje en inputboks og en knap. Når knappen til underkomponenten klikkes, sendes værdien tilbage til forældrekomponenten og vises på forældrekomponentens grænseflade.
Lad os først se på renderingerne, som følger:
Modal1-komponent (dynamisk oprettet underkomponent) relateret kode
modal1.component.html
modal1.component.ts
Kode relateret til indekskomponent (forældrekomponent)
index.component.html
index.component.ts
Hvis der rapporteres en fejl:
Kan ikke binde til 'ngModel', da det ikke er en kendt egenskab ved 'input'
Opløsning:
Tilføj følgende kode til din app.module:
Vi kan nu abonnere på begivenheder for dynamisk oprettede komponenter.
Hvis du ikke tager højde for værdien af den modtagende subkomponent, kan du også bruge HostListener til at modtage subkomponentens events og derefter håndtere dem i henhold til knapens navn.
Tilføj følgende kode til forældrekomponenten index.component.ts:
E'et her refererer til $event.target, og hvis du ved, hvordan du får parametrene for begivenheden, kan du også svare på en besked fra denne artikel.
(Slut)
|
Tidligere:Parametre for vinkel 9-serie (2) dynamiske komponenttransmissionsparametreNæste:Artikeludgivelsessystem, som ved, hvordan man skriver
|
