Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Architect_Programmer_Code Rete Agricola»Architetto › Progettazione front-end e web › Telaio frontale › La serie Angular 9 (3) si abscrive agli eventi dinamici a componente
Vista: 15693|Risposta: 0

[Angolare] La serie Angular 9 (3) si abscrive agli eventi dinamici a componente

[Copiato link]
Pubblicato su 02/06/2020 17:20:01 | | | |
Revisione della sezione precedente

Componenti dinamici a carica dinamica della serie Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Parametri di trasmissione dinamici dei componenti della serie Angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

La serie Angular 9 (3) si abscrive agli eventi dinamici a componente
https://www.itsvse.com/thread-9246-1-1.html

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

Serie Angular 9 (V) formata il formato di valuta di quantità
https://www.itsvse.com/thread-9249-1-1.html


Questo articolo spiega che se si abbonano eventi per componenti dinamiche, sappiamo che i componenti ordinari possono essere limitati da (), ma cosa succede se si legano eventi creati dinamicamente? E accettare i parametri passati dal componente.

I componenti Modal1Component e Modal2Component sono componenti che creiamo dinamicamente nell'interfaccia principale.

Modifichiamo il componente Modal1Component per aggiungere una casella di input e un pulsante. Quando si preme il pulsante del componente figlio, il valore viene restituito al componente genitore e visualizzato sull'interfaccia del componente genitore.

Diamo prima un'occhiata ai rendering, come segue:




Codice correlato al componente Modal1 (sottocomponente creato dinamicamente)

modal1.component.html



modal1.component.ts



Codice correlato al componente indice (componente genitore)

index.component.html

index.component.ts



Se viene segnalato un errore:

Non si può associare a 'ngModel' perché non è una proprietà nota di 'input'

Soluzione:

Aggiungi il seguente codice al tuo app.module:




Ora possiamo iscriverci agli eventi per componenti creati dinamicamente.

Se non consideri il valore del sottocomponente ricevente, puoi anche usare HostListener per ricevere gli eventi del sottocomponente e poi gestirli di conseguenza in base al nome del pulsante del pulsante.

Aggiungi il seguente codice al componente genitore index.component.ts:

La e qui si riferisce a $event.target, e se sai come ottenere i parametri dell'evento, puoi anche rispondere a un messaggio di questo articolo.



(Fine)




Precedente:Parametri di trasmissione dinamici dei componenti della serie Angular 9 (2)
Prossimo:Sistema di pubblicazione di articoli che sa scrivere

Post correlati
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.
Mail To:help@itsvse.com