Кутові параметри передачі 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) 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 — це компоненти, які ми динамічно створюємо в основному інтерфейсі, і якщо обидва компоненти мають однаковий вхідний параметр, наприклад, ім'я, ми можемо визначити інтерфейс.

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

ng g інтерфейс IModalParameter

Код виглядає так:

Вхід видно.

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

Вхід видно.

Якщо наш компонент не додає @Input() name: string; Атрибути, компоненти повідомлятимуть про помилки, а інтерфейс діє як обмеження.

Водночас ми редагуємо файл index.component.ts, змінюємо метод onClick, і код виглядає так:

Вхід видно.

(Кінець)

[Кутовий голос] Кутові параметри передачі 9 серій (2) динамічних компонентних компонентів

Пов'язані дописи

Переглянуті розділи