Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Jaringan Pertanian Architect_Programmer_Code»Arsitek › Desain front-end & web › Bingkai ujung depan › Seri Angular 9 (3) berlangganan peristiwa komponen dinamis
Melihat: 15693|Jawab: 0

[Sudut] Seri Angular 9 (3) berlangganan peristiwa komponen dinamis

[Salin tautan]
Diposting pada 02/06/2020 17.20.01 | | | |
Tinjauan bagian sebelumnya

Komponen Angular 9 Series (1) yang Dimuat Secara Dinamis
https://www.itsvse.com/thread-9238-1-1.html

Parameter transmisi komponen dinamis seri 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

Seri Angular 9 (3) berlangganan peristiwa komponen dinamis
https://www.itsvse.com/thread-9246-1-1.html

Pipa Kustom Seri 9 (IV) Angular 9
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) memformat jumlah format mata uang
https://www.itsvse.com/thread-9249-1-1.html


Artikel ini menjelaskan bahwa jika Anda berlangganan peristiwa untuk komponen dinamis, kita tahu bahwa komponen biasa dapat terikat oleh () tetapi bagaimana jika Anda mengikat peristiwa yang dibuat secara dinamis? Dan terima parameter yang dilewatkan oleh komponen.

Komponen Modal1Component dan Modal2Component adalah komponen yang kami buat secara dinamis di antarmuka utama.

Kami memodifikasi komponen Modal1Component untuk menambahkan kotak input dan tombol. Saat tombol komponen anak diklik, nilai diteruskan kembali ke komponen induk dan ditampilkan pada antarmuka komponen induk.

Mari kita lihat renderingnya terlebih dahulu, sebagai berikut:




Komponen Modal1 (sub-komponen yang dibuat secara dinamis) kode terkait

modal1.component.html



modal1.component.ts



Komponen indeks (komponen induk) kode terkait

index.component.html

index.component.ts



Jika error dilaporkan:

Tidak dapat mengikat ke 'ngModel' karena bukan properti 'input' yang diketahui

Larutan:

Tambahkan kode berikut ke app.module Anda:




Kita sekarang dapat berlangganan peristiwa untuk komponen yang dibuat secara dinamis.

Jika Anda tidak memperhitungkan nilai subkomponen penerima, Anda juga dapat menggunakan HostListener untuk menerima peristiwa subkomponen dan kemudian menanganinya sesuai dengan nama tombol tombol.

Tambahkan kode berikut ke komponen induk index.component.ts:

E di sini mengacu pada $event.target, dan jika Anda tahu cara mendapatkan parameter acara, Anda juga dapat membalas pesan dari artikel ini.



(Akhir)




Mantan:Parameter transmisi komponen dinamis seri 9 (2)
Depan:Sistem penerbitan artikel yang tahu cara menulis

Pos terkait
Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.
Mail To:help@itsvse.com