Эта статья является зеркальной статьёй машинного перевода, пожалуйста, нажмите здесь, чтобы перейти к оригиналу.

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)
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