Bu makale makine çevirisi ayna makalesidir, orijinal makaleye geçmek için lütfen buraya tıklayın.

Architect_Programmer_Code Tarım Ağı»Mimar › Ön yüz tasarımı ve web › Ön gövde çerçevesi › Angular 9 serisi (3) dinamik bileşen olaylarına abone olur
Görünüm: 15693|Yanıt: 0

[Angular] Angular 9 serisi (3) dinamik bileşen olaylarına abone olur

[Bağlantıyı kopyala]
Yayınlandı 2.06.2020 17:20:01 | | | |
Önceki bölümün gözden geçirilmesi

Angular 9 Serisi (1) Dinamik Yüklü Bileşenler
https://www.itsvse.com/thread-9238-1-1.html

Açısal 9 serisi (2) dinamik bileşen iletim parametreleri
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 serisi (3) dinamik bileşen olaylarına abone olur
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 Serisi (IV) Özel Boru Hatları
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Serisi (V), miktar para birimi formatını biçimlendirir
https://www.itsvse.com/thread-9249-1-1.html


Bu makale, dinamik bileşenler için olaylara abone olursan, sıradan bileşenlerin () ile bağlanabileceğini biliyoruz ama dinamik olarak oluşturulan olayları bağlarsanız ne olur? Ve bileşenin aktardığı parametreleri kabul edin.

Modal1Component ve Modal2Component bileşenleri, ana arayüzde dinamik olarak oluşturduğumuz bileşenlerdir.

Modal1Component bileşenini bir giriş kutusu ve düğme ekleyecek şekilde değiştiriyoruz. Child bileşen butonuna tıklandığında, değer ana bileşene geri iletilir ve ana bileşenin arayüzünde görüntülenir.

Önce renderlere bakalım, aşağıdaki gibi:




Modal1 bileşeni (dinamik olarak oluşturulan alt bileşen) ile ilgili kod

modal1.component.html



modal1.component.ts



Index bileşeni (ana bileşen) ile ilgili kod

index.component.html

index.component.ts



Bir hata bildirilirse:

'ngModel' ile bağlanamıyor çünkü 'input' özelliğinin bilinen bir özelliği değil

Çözüm:

App.module'ünüze aşağıdaki kodu ekleyin:




Artık dinamik olarak oluşturulan bileşenler için olaylara abone olabiliyoruz.

Alıcı alt bileşenin değerini hesaba katmazsanız, HostListener kullanarak alt bileşenin olaylarını alabilir ve ardından düğme düğmesine göre onları buna göre yönetebilirsiniz.

Ana bileşene aşağıdaki kodu ekleyin index.component.ts:

Buradaki e harfi $event.target'a atıfta bulunur ve etkinliğin parametrelerini nasıl alacağınızı biliyorsanız, bu makaleden bir mesaja da yanıt verebilirsiniz.



(Son)




Önceki:Açısal 9 serisi (2) dinamik bileşen iletim parametreleri
Önümüzdeki:Makale yayın sistemi kim yazmayı bilir

İlgili Yazılar
Feragatname:
Code Farmer Network tarafından yayımlanan tüm yazılım, programlama materyalleri veya makaleler yalnızca öğrenme ve araştırma amaçları içindir; Yukarıdaki içerik ticari veya yasa dışı amaçlarla kullanılamaz, aksi takdirde kullanıcılar tüm sonuçları ödemelidir. Bu sitedeki bilgiler internetten alınmakta olup, telif hakkı anlaşmazlıklarının bu siteyle hiçbir ilgisi yoktur. Yukarıdaki içeriği indirmeden sonraki 24 saat içinde bilgisayarınızdan tamamen silmelisiniz. Programı beğendiyseniz, lütfen orijinal yazılımı destekleyin, kayıt satın alın ve daha iyi orijinal hizmetler alın. Herhangi bir ihlal olursa, lütfen bizimle e-posta yoluyla iletişime geçin.
Mail To:help@itsvse.com