See artikkel on masintõlke peegelartikkel, palun klõpsake siia, et hüpata algse artikli juurde.

Architect_Programmer_Code Põllumajandusvõrgustik»Arhitekt › Front-end disain ja veeb › Esiosa raam › Angular 9 seeria (3) järgib dünaamiliste komponentide sündmusi
Vaade: 15693|Vastuse: 0

[Nurgeline] Angular 9 seeria (3) järgib dünaamiliste komponentide sündmusi

[Kopeeri link]
Postitatud 02.06.2020 17:20:01 | | | |
Eelmise osa ülevaade

Angular 9 seeria (1) dünaamiliselt laetud komponendid
https://www.itsvse.com/thread-9238-1-1.html

Nurk-9 seeria (2) dünaamilise komponendi ülekandeparameetrit
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 seeria (3) järgib dünaamiliste komponentide sündmusi
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 seeria (IV) eritellimusel torujuhtmed
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 seeria (V) vormindab summa valuuta formaati
https://www.itsvse.com/thread-9249-1-1.html


See artikkel selgitab, et kui tellida dünaamiliste komponentide sündmusi, teame, et tavalised komponendid võivad olla seotud () ja mis siis, kui seod dünaamiliselt loodud sündmusi? Ja aktsepteeri komponendi poolt edastatud parameetreid.

Modal1Component ja Modal2Component komponendid on komponendid, mida me dünaamiliselt loome peamises liideses.

Me muudame Modal1Component komponenti, lisades sisendkasti ja nupu. Kui vajutatakse lapsekomponendi nuppu, edastatakse väärtus tagasi vanemkomponendile ja kuvatakse vanemkomponendi liideses.

Vaatame esmalt renderdusi, järgmiselt:




Modal1 komponent (dünaamiliselt loodud alamkomponent) seotud kood

modal1.component.html



modal1.component.ts



Indekskomponent (vanemkomponent) seotud kood

index.component.html

index.component.ts



Kui teatatakse veast:

Ei saa siduda 'ngModel'-iga, kuna see ei ole teadaolev 'input' omadus

Lahus:

Lisa järgmine kood oma app.module'i:




Nüüd saame tellida sündmusi dünaamiliselt loodud komponentide jaoks.

Kui sa ei arvesta vastuvõtva alamkomponendi väärtust, saad kasutada ka HostListenerit, et saada alamkomponendi sündmusi ja neid vastavalt nupu nimele käsitleda.

Lisa järgmine kood vanemkomponendile index.component.ts:

Siin viitab e $event.targetile ja kui tead, kuidas sündmuse parameetreid saada, võid vastata ka selle artikli sõnumile.



(Lõpp)




Eelmine:Nurk-9 seeria (2) dünaamilise komponendi ülekandeparameetrit
Järgmine:Artikli avaldamise süsteem, kes oskab kirjutada

Seotud postitused
Disclaimer:
Kõik Code Farmer Networki poolt avaldatud tarkvara, programmeerimismaterjalid või artiklid on mõeldud ainult õppimiseks ja uurimistööks; Ülaltoodud sisu ei tohi kasutada ärilistel ega ebaseaduslikel eesmärkidel, vastasel juhul kannavad kasutajad kõik tagajärjed. Selle saidi info pärineb internetist ning autoriõiguste vaidlused ei ole selle saidiga seotud. Ülaltoodud sisu tuleb oma arvutist täielikult kustutada 24 tunni jooksul pärast allalaadimist. Kui sulle programm meeldib, palun toeta originaaltarkvara, osta registreerimist ja saa paremaid ehtsaid teenuseid. Kui esineb rikkumist, palun võtke meiega ühendust e-posti teel.
Mail To:help@itsvse.com