Ta članek je zrcalni članek strojnega prevajanja, kliknite tukaj za skok na izvirni članek.

Architect_Programmer_Code Kmetijska mreža»Arhitekt › Oblikovanje sprednjega dela in splet › Sprednji okvir › Serija Angular 9 (3) podpira dinamične dogodke komponent
Pogled: 15693|Odgovoriti: 0

[Angular] Serija Angular 9 (3) podpira dinamične dogodke komponent

[Kopiraj povezavo]
Objavljeno na 2. 06. 2020 17:20:01 | | | |
Pregled prejšnjega dela

Angular 9 serija (1) Dinamično obremenjene komponente
https://www.itsvse.com/thread-9238-1-1.html

Dinamični parametri prenosa komponent serije Angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Serija Angular 9 (3) podpira dinamične dogodke komponent
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 Series (IV) cevovodi po meri
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formatira format valute
https://www.itsvse.com/thread-9249-1-1.html


Ta članek pojasnjuje, da če se naročite na dogodke za dinamične komponente, vemo, da so običajne komponente lahko omejene z (), kaj pa, če povežete dinamično ustvarjene dogodke? In sprejmejo parametre, ki jih komponenta posreduje.

Komponente Modal1Component in Modal2Component so komponente, ki jih dinamično ustvarjamo v glavnem vmesniku.

Komponento Modal1Component spremenimo tako, da dodamo vhodno polje in gumb. Ko kliknemo gumb podrejene komponente, se vrednost vrne nazaj nadrejeni komponenti in prikaže na vmesniku nadrejene komponente.

Najprej si poglejmo upodobitve, kot sledi:




Modal1 komponenta (dinamično ustvarjena podkomponenta) povezana koda

modal1.component.html



modal1.component.ts



Indeksna komponenta (nadrejena komponenta) povezana koda

index.component.html

index.component.ts



Če je napaka prijavljena:

Ne morem se vezati na 'ngModel', ker ni znana lastnost 'vhodnega'

Rešitev:

Dodajte naslednjo kodo v svoj app.module:




Zdaj se lahko naročimo na dogodke za dinamično ustvarjene komponente.

Če ne upoštevate vrednosti sprejemne podkomponente, lahko uporabite tudi HostListener za sprejem dogodkov podkomponente in jih nato ustrezno obravnavate glede na ime gumba.

Dodajte naslednjo kodo v nadrejeno komponento index.component.ts:

E se tukaj nanaša na $event.target, in če veste, kako pridobiti parametre dogodka, lahko tudi odgovorite na sporočilo iz tega članka.



(Konec)




Prejšnji:Dinamični parametri prenosa komponent serije Angular 9 (2)
Naslednji:Sistem za objavljanje člankov, kdo zna pisati

Sorodne objave
Disclaimer:
Vsa programska oprema, programski materiali ali članki, ki jih izdaja Code Farmer Network, so namenjeni zgolj učnim in raziskovalnim namenom; Zgornja vsebina ne sme biti uporabljena v komercialne ali nezakonite namene, sicer uporabniki nosijo vse posledice. Informacije na tej strani prihajajo z interneta, spori glede avtorskih pravic pa nimajo nobene zveze s to stranjo. Zgornjo vsebino morate popolnoma izbrisati z računalnika v 24 urah po prenosu. Če vam je program všeč, podprite pristno programsko opremo, kupite registracijo in pridobite boljše pristne storitve. Če pride do kakršne koli kršitve, nas prosimo kontaktirajte po elektronski pošti.
Mail To:help@itsvse.com