Šis straipsnis yra veidrodinis mašininio vertimo straipsnis, spauskite čia norėdami pereiti prie originalaus straipsnio.

Architect_Programmer_Code žemės ūkio tinklas»Architektas › Front-end dizainas ir žiniatinklis › Priekinis rėmas › "Angular 9" serija (3) prenumeruoja dinaminių komponentų įvykius
Rodinys: 15693|Atsakyti: 0

[Kampinis] "Angular 9" serija (3) prenumeruoja dinaminių komponentų įvykius

[Kopijuoti nuorodą]
Paskelbta 2020-06-02 17:20:01 | | | |
Ankstesnio skyriaus apžvalga

Angular 9 serijos (1) dinamiškai apkrauti komponentai
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 serijos (2) dinaminių komponentų perdavimo parametrai
https://www.itsvse.com/thread-9245-1-1.html

"Angular 9" serija (3) prenumeruoja dinaminių komponentų įvykius
https://www.itsvse.com/thread-9246-1-1.html

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

"Angular 9" serija (V) formatuoja sumos valiutos formatą
https://www.itsvse.com/thread-9249-1-1.html


Šiame straipsnyje paaiškinama, kad jei užsiprenumeruojate dinaminių komponentų įvykius, žinome, kad įprasti komponentai gali būti susieti (), bet ką daryti, jei susiesite dinamiškai sukurtus įvykius? Ir priimkite komponento perduotus parametrus.

"Modal1Component" ir "Modal2Component" komponentai yra komponentai, kuriuos dinamiškai kuriame pagrindinėje sąsajoje.

Mes modifikuojame "Modal1Component" komponentą, kad pridėtume įvesties laukelį ir mygtuką. Spustelėjus antrinio komponento mygtuką, reikšmė perduodama atgal į pirminį komponentą ir rodoma pirminio komponento sąsajoje.

Pirmiausia pažvelkime į atvaizdus taip:




Modal1 komponento (dinamiškai sukurto subkomponento) kodas

modal1.component.html



modal1.component.ts



Indekso komponento (pirminio komponento) susijęs kodas

index.component.html

index.component.ts



Jei pranešama apie klaidą:

Negalima susieti su 'ngModel', nes tai nėra žinoma 'input' savybė

Sprendimas:

Pridėkite šį kodą prie savo app.module:




Dabar galime užsiprenumeruoti dinamiškai sukurtų komponentų įvykius.

Jei neatsižvelgiate į gaunančio subkomponento vertę, taip pat galite naudoti HostListener, kad gautumėte subkomponento įvykius ir atitinkamai juos tvarkytumėte pagal mygtuko mygtuko pavadinimą.

Prie pirminio komponento index.component.ts pridėkite šį kodą:

E čia reiškia $event.target, o jei žinote, kaip gauti įvykio parametrus, taip pat galite atsakyti į pranešimą iš šio straipsnio.



(Pabaiga)




Ankstesnis:Angular 9 serijos (2) dinaminių komponentų perdavimo parametrai
Kitą:Straipsnių publikavimo sistema, kas žino, kaip rašyti

Susijusios žinutės
Atsakomybės apribojimas:
Visa programinė įranga, programavimo medžiaga ar straipsniai, kuriuos skelbia Code Farmer Network, yra skirti tik mokymosi ir mokslinių tyrimų tikslams; Aukščiau nurodytas turinys negali būti naudojamas komerciniais ar neteisėtais tikslais, priešingu atveju vartotojai prisiima visas pasekmes. Šioje svetainėje pateikiama informacija gaunama iš interneto, o ginčai dėl autorių teisių neturi nieko bendra su šia svetaine. Turite visiškai ištrinti aukščiau pateiktą turinį iš savo kompiuterio per 24 valandas nuo atsisiuntimo. Jei jums patinka programa, palaikykite autentišką programinę įrangą, įsigykite registraciją ir gaukite geresnes autentiškas paslaugas. Jei yra kokių nors pažeidimų, susisiekite su mumis el. paštu.
Mail To:help@itsvse.com