Угловые параметры передачи 9 серии (2) динамических компонентов

Маленькая мразь · Опубликовано 02.06.2020 14:57:07

Обзор предыдущего раздела

Динамически нагруженные компоненты серии 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 — это компоненты, которые мы динамически создаём в основном интерфейсе, и если оба компонента имеют одинаковый входный параметр, например, имя, мы можем определить интерфейс.

Создайте интерфейс с помощью команды angular-cli.

ng g interface IModalParameter

Код таков:

Вход виден.

Мы унаследуем компоненты Modal1Component и Modal2Component из интерфейса IModalParameter.

Вход виден.

Если наш компонент не добавляет @Input() имя: строка; атрибуты, компоненты будут сообщать об ошибках, а интерфейс действует как ограничение.

Одновременно мы редактируем файл index.component.ts, изменяем метод onClick, и код выглядит следующим образом:

Вход виден.

(Конец)

[Угловат] Угловые параметры передачи 9 серии (2) динамических компонентов

Связанные публикации

Просмотренные разделы