Тази статия е огледална статия за машинен превод, моля, кликнете тук, за да преминете към оригиналната статия.

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

[Ъглова] Angular 9 серия (3) се абонира за динамични компонентни събития

[Копирай линк]
Публикувано в 2.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 Series 9 (IV) Custom Pipe Pipelines
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'

Решение:

Добавете следния код към вашето приложение.module:




Сега можем да се абонираме за събития за динамично създадени компоненти.

Ако не вземете предвид стойността на приемащия подкомпонент, можете също да използвате HostListener, за да получавате събитията от подкомпонента и да ги обработвате според името на бутона.

Добавете следния код към родителския компонент index.component.ts:

E тук се отнася до $event.target, и ако знаете как да получите параметрите на събитието, можете също да отговорите на съобщение от тази статия.



(Край)




Предишен:Ъглова серия 9 (2) параметри за динамично предаване на компоненти
Следващ:Система за публикуване на статии, която знае как да пише

Свързани публикации
Отричане:
Целият софтуер, програмни материали или статии, публикувани от Code Farmer Network, са само за учебни и изследователски цели; Горното съдържание не трябва да се използва за търговски или незаконни цели, в противен случай потребителите ще понесат всички последствия. Информацията на този сайт идва от интернет, а споровете за авторски права нямат нищо общо с този сайт. Трябва напълно да изтриете горното съдържание от компютъра си в рамките на 24 часа след изтеглянето. Ако ви харесва програмата, моля, подкрепете оригинален софтуер, купете регистрация и получете по-добри услуги. Ако има нарушение, моля, свържете се с нас по имейл.
Mail To:help@itsvse.com