Denna artikel är en spegelartikel om maskinöversättning, klicka här för att hoppa till originalartikeln.

Architect_Programmer_Code Jordbruksnätverket»Arkitekt › Frontend-design och webb › Framändarram › Angular 9-serie (3) prenumererar på dynamiska komponenthändelser
Utsikt: 15693|Svar: 0

[Kantig] Angular 9-serie (3) prenumererar på dynamiska komponenthändelser

[Kopiera länk]
Publicerad på 2020-06-02 17:20:01 | | | |
Översikt av föregående avsnitt

Angular 9-serie (1) dynamiskt laddade komponenter
https://www.itsvse.com/thread-9238-1-1.html

Parametrar för transmissionen av Angular 9 series (2) dynamiska komponenter
https://www.itsvse.com/thread-9245-1-1.html

Angular 9-serie (3) prenumererar på dynamiska komponenthändelser
https://www.itsvse.com/thread-9246-1-1.html

Angular 9-seriens (IV) specialrörledningar
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formaterar storleksvalutaformatet
https://www.itsvse.com/thread-9249-1-1.html


Den här artikeln förklarar att om du prenumererar på händelser för dynamiska komponenter vet vi att vanliga komponenter kan bindas av (), men vad händer om du binder dynamiskt skapade händelser? Och acceptera parametrarna som komponenten skickar.

Modal1Component och Modal2Component-komponenter är komponenter som vi dynamiskt skapar i huvudgränssnittet.

Vi modifierar Modal1Component-komponenten för att lägga till en inmatningsruta och en knapp. När knappen för barnkomponenten klickas skickas värdet tillbaka till föräldrakomponenten och visas på föräldrakomponentens gränssnitt.

Låt oss först titta på renderingarna, enligt följande:




Modal1-komponent (dynamiskt skapad underkomponent) relaterad kod

modal1.component.html



modal1.component.ts



Index Component (Parent Component) relaterad kod

index.component.html

index.component.ts



Om ett fel rapporteras:

Kan inte binda till 'ngModel' eftersom det inte är en känd egenskap hos 'input'

Lösning:

Lägg till följande kod i din app.module:




Vi kan nu prenumerera på händelser för dynamiskt skapade komponenter.

Om du inte tar hänsyn till värdet av den mottagande subkomponenten kan du också använda HostListener för att ta emot subkomponentens händelser och sedan hantera dem enligt knappens namn.

Lägg till följande kod i föräldrakomponenten index.component.ts:

E här syftar på $event.target, och om du vet hur du får parametrarna för händelsen kan du också svara på ett meddelande från denna artikel.



(Slut)




Föregående:Parametrar för transmissionen av Angular 9 series (2) dynamiska komponenter
Nästa:Artikelpubliceringssystem som kan skriva

Relaterade inlägg
Friskrivning:
All programvara, programmeringsmaterial eller artiklar som publiceras av Code Farmer Network är endast för lärande- och forskningsändamål; Ovanstående innehåll får inte användas för kommersiella eller olagliga ändamål, annars kommer användarna att bära alla konsekvenser. Informationen på denna sida kommer från internet, och upphovsrättstvister har inget med denna sida att göra. Du måste helt radera ovanstående innehåll från din dator inom 24 timmar efter nedladdning. Om du gillar programmet, vänligen stöd äkta programvara, köp registrering och få bättre äkta tjänster. Om det finns något intrång, vänligen kontakta oss via e-post.
Mail To:help@itsvse.com