Ця стаття є дзеркальною статтею машинного перекладу, будь ласка, натисніть тут, щоб перейти до оригінальної статті.

Architect_Programmer_Code Сільськогосподарська мережа»Архітектор › Фронтенд-дизайн і веб › Передня рама › Angular 9 серія (3) підписується на події динамічних компонентів
Вид: 15693|Відповідь: 0

[Кутовий голос] Angular 9 серія (3) підписується на події динамічних компонентів

[Копіювати посилання]
Опубліковано 02.06.2020 17:20:01 | | | |
Огляд попереднього розділу

Компоненти Angular 9 серії (1) з динамічно завантаженим навантаженням
https://www.itsvse.com/thread-9238-1-1.html

Кутові параметри передачі 9 серій (2) динамічних компонентних компонентів
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 серія (3) підписується на події динамічних компонентів
https://www.itsvse.com/thread-9246-1-1.html

Трубопроводи Angular 9 Series (IV) Custom Pipe
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) форматує формат суми валюти
https://www.itsvse.com/thread-9249-1-1.html


У цій статті пояснюється, що якщо ви підписуєтеся на події для динамічних компонентів, ми знаємо, що звичайні компоненти можуть бути обмежені (), але що, якщо ви зв'язуєте динамічно створені події? І приймати параметри, передані компонентом.

Компоненти Modal1Component і Modal2Component — це компоненти, які ми динамічно створюємо в основному інтерфейсі.

Ми модифікуємо компонент Modal1Component, додаючи вхідне поле та кнопку. Коли натискається кнопка дочірнього компонента, значення повертається батьківському компоненту і відображається на інтерфейсі батьківського компонента.

Давайте спочатку розглянемо рендери, а так:




Код, пов'язаний із компонентом Modal1 (динамічно створений підкомпонент)

modal1.component.html



modal1.component.ts



Код, пов'язаний з індексним компонентом (батьківським компонентом)

index.component.html

index.component.ts



Якщо повідомляється про помилку:

Не можу прив'язатися до 'ngModel', оскільки це невідома властивість 'input'

Рішення:

Додайте наступний код до вашого app.module:




Тепер ми можемо підписуватися на події для динамічно створених компонентів.

Якщо ви не враховуєте значення приймаючого підкомпонента, ви також можете використовувати HostListener для отримання подій підкомпонента і обробляти їх відповідно до назви кнопки.

Додайте наступний код до батьківського компонента index.component.ts:

E тут стосується $event.target, і якщо ви знаєте, як отримати параметри події, ви також можете відповісти на повідомлення з цієї статті.



(Кінець)




Попередній:Кутові параметри передачі 9 серій (2) динамічних компонентних компонентів
Наступний:Система публікації статей, яка вміє писати

Пов'язані дописи
Застереження:
Усе програмне забезпечення, програмні матеріали або статті, опубліковані Code Farmer Network, призначені лише для навчання та досліджень; Вищезазначений контент не повинен використовуватися в комерційних чи незаконних цілях, інакше користувачі несуть усі наслідки. Інформація на цьому сайті надходить з Інтернету, і спори щодо авторських прав не мають до цього сайту. Ви повинні повністю видалити вищезазначений контент зі свого комп'ютера протягом 24 годин після завантаження. Якщо вам подобається програма, будь ласка, підтримуйте справжнє програмне забезпечення, купуйте реєстрацію та отримайте кращі справжні послуги. Якщо є будь-яке порушення, будь ласка, зв'яжіться з нами електронною поштою.
Mail To:help@itsvse.com