Dit artikel is een spiegelartikel van machinevertaling, klik hier om naar het oorspronkelijke artikel te gaan.

Architect_Programmer_Code Landbouwnetwerk»Architect › Front-end ontwerp & web › Voorframeframe › Hoekige 9-serie (3) sluit dynamische componentgebeurtenissen aan
Bekijken: 15693|Antwoord: 0

[Angular] Hoekige 9-serie (3) sluit dynamische componentgebeurtenissen aan

[Link kopiëren]
Geplaatst op 02-06-2020 17:20:01 | | | |
Herziening van de vorige sectie

Angular 9 Series (1) Dynamisch Geladen Componenten
https://www.itsvse.com/thread-9238-1-1.html

Hoekige 9-serie (2) dynamische componenttransmissieparameters
https://www.itsvse.com/thread-9245-1-1.html

Hoekige 9-serie (3) sluit dynamische componentgebeurtenissen aan
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 Series (IV) Custom Pipe pijpleidingen
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formateert het bedragsvalutaformaat
https://www.itsvse.com/thread-9249-1-1.html


Dit artikel legt uit dat als je je abonneert op gebeurtenissen voor dynamische componenten, we weten dat gewone componenten gebonden kunnen worden door (), maar wat als je dynamisch gecreëerde gebeurtenissen bindt? En accepteer de parameters die door de component worden doorgegeven.

Modal1Component en Modal2Component-componenten zijn componenten die we dynamisch aanmaken in de hoofdinterface.

We passen de Modal1Component-component aan om een invoervak en een knop toe te voegen. Wanneer op de knop voor de kindcomponent wordt gedrukt, wordt de waarde teruggegeven aan de oudercomponent en weergegeven op de interface van de oudercomponent.

Laten we eerst naar de renderings kijken, als volgt:




Modal1-component (dynamisch gecreëerde subcomponent) gerelateerde code

modal1.component.html



modal1.component.ts



Index component (oudercomponent) gerelateerde code

index.component.html

index.component.ts



Als er een fout wordt gemeld:

Kan niet binden aan 'ngModel' omdat het geen bekende eigenschap van 'input' is

Oplossing:

Voeg de volgende code toe aan je app.module:




We kunnen nu abonneren op evenementen voor dynamisch aangemaakte componenten.

Als je geen rekening houdt met de waarde van de ontvangende subcomponent, kun je ook HostListener gebruiken om de gebeurtenissen van de subcomponent te ontvangen en ze vervolgens te behandelen volgens de knop van de knop.

Voeg de volgende code toe aan de oudercomponent index.component.ts:

De e hier verwijst naar $event.target, en als je weet hoe je de parameters van het evenement kunt krijgen, kun je ook reageren op een bericht uit dit artikel.



(Einde)




Vorig:Hoekige 9-serie (2) dynamische componenttransmissieparameters
Volgend:Artikelpublicatiesysteem dat weet hoe je moet schrijven

Gerelateerde berichten
Disclaimer:
Alle software, programmeermaterialen of artikelen die door Code Farmer Network worden gepubliceerd, zijn uitsluitend bedoeld voor leer- en onderzoeksdoeleinden; De bovenstaande inhoud mag niet worden gebruikt voor commerciële of illegale doeleinden, anders dragen gebruikers alle gevolgen. De informatie op deze site komt van het internet, en auteursrechtconflicten hebben niets met deze site te maken. Je moet bovenstaande inhoud volledig van je computer verwijderen binnen 24 uur na het downloaden. Als je het programma leuk vindt, steun dan de echte software, koop registratie en krijg betere echte diensten. Als er sprake is van een inbreuk, neem dan contact met ons op via e-mail.
Mail To:help@itsvse.com