Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Architect_Programmer_Code Mezőgazdasági Hálózat»Építész › Front-end design és web › Front-end keret › Angular 9 sorozat (3) feliratkozik dinamikus komponens eseményekre
Nézet: 15693|Válasz: 0

[Szöglet] Angular 9 sorozat (3) feliratkozik dinamikus komponens eseményekre

[Linket másol]
Közzétéve 2020. 06. 02. 17:20:01 | | | |
Az előző szakasz áttekintése

Angular 9 sorozat (1) Dinamikusan feltöltött alkatrészek
https://www.itsvse.com/thread-9238-1-1.html

Szöges 9-es sorozat (2) dinamikus komponens átviteli paraméter
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 sorozat (3) feliratkozik dinamikus komponens eseményekre
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 sorozatú (IV) egyedi csővezetékek
https://www.itsvse.com/thread-9248-1-1.html

Az Angular 9-es sorozat (V) formátumban a pénz összege formátumát
https://www.itsvse.com/thread-9249-1-1.html


Ez a cikk elmagyarázza, hogy ha feliratkozunk dinamikus komponensekre vonatkozó eseményekre, tudjuk, hogy a sima komponensek köthetők () alapján, de mi van, ha dinamikusan létrehozott eseményeket kötünk meg? És elfogadjuk a komponens által átadott paramétereket.

A Modal1Component és a Modal2Component komponensek olyan komponensek, amelyeket dinamikusan hozunk létre a fő interfészben.

Módosítjuk a Modal1Component komponenst, hogy hozzáadjunk egy bemeneti dobozt és gombot. Amikor a gyermekkomponens gombra kattintunk, az érték visszakerül a szülőkomponensnek, és megjelenik a szülőkomponens felületén.

Először nézzük meg a rendereléseket, a következők szerint:




Modal1 komponens (dinamikusan létrehozott alkomponens) kapcsolódó kód

modal1.component.html



modal1.component.ts



Index komponens (szülőkomponens) kapcsolódó kód

index.component.html

index.component.ts



Ha hiba történik:

Nem tudok kötődni az 'ngModel'-hez, mert az nem ismert tulajdonság a 'input'-nak.

Megoldás:

Adja hozzá a következő kódot az app.module-hoz:




Most már feliratkozhatunk dinamikusan létrehozott komponensekhez tartozó eseményekre.

Ha nem veszed figyelembe a fogadó alkomponens értékét, akkor a HostListenerrel is megkaphatod az alkomponens eseményeit, majd a gomb gomb neve szerint kezelheted őket.

A következő kódot adjuk hozzá a szülőkomponenshez index.component.ts:

Az e itt a $event.target-re utal, és ha tudod, hogyan lehet megszerezni az esemény paramétereit, válaszolhatsz egy üzenetre is ebből a cikkből.



(Vége)




Előző:Szöges 9-es sorozat (2) dinamikus komponens átviteli paraméter
Következő:Cikkkiadási rendszer, aki tud írni

Kapcsolódó bejegyzések
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.
Mail To:help@itsvse.com