Tento článek je zrcadlovým článkem o strojovém překladu, klikněte zde pro přechod na původní článek.

Architect_Programmer_Code Zemědělská síť»Architekt › Front-end design a web › Přední rám › Série Angular 9 (3) podporuje dynamické události komponent
Pohled: 15693|Odpověď: 0

[Angular] Série Angular 9 (3) podporuje dynamické události komponent

[Kopírovat odkaz]
Zveřejněno 02.06.2020 17:20:01 | | | |
Recenze předchozí části

Angular 9 Series (1) Dynamicky zatížené komponenty
https://www.itsvse.com/thread-9238-1-1.html

Dynamické přenosové parametry komponent řady 9 série (2)
https://www.itsvse.com/thread-9245-1-1.html

Série Angular 9 (3) podporuje dynamické události komponent
https://www.itsvse.com/thread-9246-1-1.html

Vlastní potrubí pro Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formátuje formát měny částky
https://www.itsvse.com/thread-9249-1-1.html


Tento článek vysvětluje, že pokud se přihlásíte k událostem pro dynamické komponenty, víme, že běžné komponenty mohou být vázány pomocí (), ale co když vážete dynamicky vytvořené události? A přijmout parametry předané komponentou.

Komponenty Modal1Component a Modal2Component jsou komponenty, které dynamicky vytváříme v hlavním rozhraní.

Modifikujeme komponentu Modal1Component, abychom přidali vstupní box a tlačítko. Když je kliknuto na tlačítko poddané komponenty, hodnota je předána zpět rodičovské komponentě a zobrazena v jejím rozhraní.

Podívejme se nejprve na vizualizace, a to následovně:




Kód související s komponentou Modal1 (dynamicky vytvářenou podkomponentou)

modal1.component.html



modal1.component.ts



Index component (mateřská komponenta) související kód

index.component.html

index.component.ts



Pokud je nahlášena chyba:

Nelze navázat na 'ngModel', protože to není známá vlastnost 'vstupu'

Řešení:

Přidejte následující kód do svého app.module:




Nyní můžeme odebírat události pro dynamicky vytvářené komponenty.

Pokud nezohledníte hodnotu přijímající podkomponenty, můžete také použít HostListener k přijetí událostí této podkomponenty a pak je podle názvu tlačítka zpracovat.

Přidejte následující kód do nadřazené komponenty index.component.ts:

Zde e odkazuje na $event.target a pokud víte, jak získat parametry události, můžete také odpovědět na zprávu z tohoto článku.



(Konec)




Předchozí:Dynamické přenosové parametry komponent řady 9 série (2)
Další:Systém publikování článků, kdo umí psát

Související příspěvky
Zřeknutí se:
Veškerý software, programovací materiály nebo články publikované organizací Code Farmer Network slouží pouze k učení a výzkumu; Výše uvedený obsah nesmí být používán pro komerční ani nelegální účely, jinak nesou všechny důsledky uživatelé. Informace na tomto webu pocházejí z internetu a spory o autorská práva s tímto webem nesouvisí. Musíte výše uvedený obsah ze svého počítače zcela smazat do 24 hodin od stažení. Pokud se vám program líbí, podporujte prosím originální software, kupte si registraci a získejte lepší skutečné služby. Pokud dojde k jakémukoli porušení, kontaktujte nás prosím e-mailem.
Mail To:help@itsvse.com