Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Architect_Programmer_Code Rețeaua Agricolă»Arhitect › Design front-end & web › Cadru frontal › Seria Angular 9 (3) aderă la evenimentele componente dinamice
Vedere: 15693|Răspunde: 0

[Unghiular] Seria Angular 9 (3) aderă la evenimentele componente dinamice

[Copiază linkul]
Postat pe 02.06.2020 17:20:01 | | | |
Revizuirea secțiunii anterioare

Componentele Încarcate Dinamic din Seria Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Parametrii de transmisie a componentelor dinamice din seria Angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Seria Angular 9 (3) aderă la evenimentele componente dinamice
https://www.itsvse.com/thread-9246-1-1.html

Conducte personalizate Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Seria Angular 9 (V) formatează moneda sumei
https://www.itsvse.com/thread-9249-1-1.html


Acest articol explică faptul că, dacă te abonezi la evenimente pentru componentele dinamice, știm că componentele obișnuite pot fi legate de (), dar ce se întâmplă dacă asociezi evenimentele create dinamic? Și să acceptăm parametrii transmisi de componentă.

Componentele Modal1Component și Modal2Component sunt componente pe care le creăm dinamic în interfața principală.

Modificăm componenta Modal1Component pentru a adăuga o casetă de intrare și un buton. Când butonul component copil este apăsat, valoarea este transmisă înapoi componentei părinte și afișată pe interfața componentei părinte.

Să aruncăm o privire mai întâi la randări, după cum urmează:




Cod asociat componentei Modal1 (subcomponentă creată dinamic)

modal1.component.html



modal1.component.ts



Cod legat de componenta index (componenta părinte)

index.component.html

index.component.ts



Dacă se raportează o eroare:

Nu se poate lega de 'ngModel' deoarece nu este o proprietate cunoscută a 'input'-ului

Soluție:

Adaugă următorul cod în app.module-ul tău:




Acum ne putem abona la evenimente pentru componente create dinamic.

Dacă nu iei în calcul valoarea subcomponentei receptore, poți folosi și HostListener pentru a primi evenimentele subcomponentei și apoi să le gestionezi corespunzător, conform numelui butonului.

Adaugă următorul cod la componenta părinte index.component.ts:

E-ul de aici se referă la $event.target, iar dacă știi cum să obții parametrii evenimentului, poți răspunde și la un mesaj din acest articol.



(Sfârșit)




Precedent:Parametrii de transmisie a componentelor dinamice din seria Angular 9 (2)
Următor:Sistem de publicare a articolelor cine știe să scrie

Postări conexe
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.
Mail To:help@itsvse.com