Šis raksts ir mašīntulkošanas spoguļraksts, lūdzu, noklikšķiniet šeit, lai pārietu uz oriģinālo rakstu.

Architect_Programmer_Code Lauksaimniecības tīkls»Arhitekts › Front-end dizains un tīmeklis › Priekšējais rāmis › Angular 9 sērija (3) abonē dinamisko komponentu notikumus
Skats: 15693|Atbildi: 0

[Leņķis] Angular 9 sērija (3) abonē dinamisko komponentu notikumus

[Kopēt saiti]
Publicēts 02.06.2020 17:20:01 | | | |
Iepriekšējās sadaļas pārskats

Angular 9 sērijas (1) dinamiski noslogoti komponenti
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 sērijas (2) dinamisko komponentu transmisijas parametri
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 sērija (3) abonē dinamisko komponentu notikumus
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 sērijas (IV) pielāgoti cauruļu cauruļvadi
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 sērija (V) formatē summas valūtas formātu
https://www.itsvse.com/thread-9249-1-1.html


Šajā rakstā ir paskaidrots, ka, abonējot dinamisko komponentu notikumus, mēs zinām, ka parastie komponenti var būt saistīti ar (), bet ko darīt, ja saistot dinamiski izveidotus notikumus? Un pieņemiet komponenta nodotos parametrus.

Modal1Component un Modal2Component komponenti ir komponenti, kurus mēs dinamiski izveidojam galvenajā saskarnē.

Mēs modificējam Modal1Component komponentu, lai pievienotu ievades lodziņu un pogu. Noklikšķinot uz bērnkomponenta pogas, vērtība tiek nodota atpakaļ vecākkomponentam un parādīta vecākkomponenta interfeisā.

Vispirms apskatīsim atveidojumus šādi:




Modal1 komponenta (dinamiski izveidots apakškomponents) kods

modal1.component.html



modal1.component.ts



Indeksa komponenta (vecākkomponenta) saistītais kods

index.component.html

index.component.ts



Ja tiek ziņots par kļūdu:

Nevar saistīties ar 'ngModel', jo tas nav zināms 'input' rekvizīts

Šķīdums:

Pievienojiet savai programmai app.module šādu kodu:




Tagad mēs varam abonēt notikumus dinamiski izveidotiem komponentiem.

Ja neņemat vērā saņemošā apakškomponenta vērtību, varat arī izmantot HostListener, lai saņemtu apakškomponenta notikumus un pēc tam tos attiecīgi apstrādātu atbilstoši pogas pogas nosaukumam.

Vecākkomponenta index.component.ts pievienojiet šādu kodu:

E šeit attiecas uz $event.target, un, ja jūs zināt, kā iegūt notikuma parametrus, varat arī atbildēt uz ziņojumu no šī raksta.



(Beigas)




Iepriekšējo:Angular 9 sērijas (2) dinamisko komponentu transmisijas parametri
Nākamo:Rakstu publicēšanas sistēma, kas zina, kā rakstīt

Saistītās ziņas
Atruna:
Visa programmatūra, programmēšanas materiāli vai raksti, ko publicē Code Farmer Network, ir paredzēti tikai mācību un pētniecības mērķiem; Iepriekš minēto saturu nedrīkst izmantot komerciāliem vai nelikumīgiem mērķiem, pretējā gadījumā lietotājiem ir jāuzņemas visas sekas. Informācija šajā vietnē nāk no interneta, un autortiesību strīdiem nav nekāda sakara ar šo vietni. Iepriekš minētais saturs ir pilnībā jāizdzēš no datora 24 stundu laikā pēc lejupielādes. Ja jums patīk programma, lūdzu, atbalstiet oriģinālu programmatūru, iegādājieties reģistrāciju un iegūstiet labākus oriģinālus pakalpojumus. Ja ir kādi pārkāpumi, lūdzu, sazinieties ar mums pa e-pastu.
Mail To:help@itsvse.com