Ъглова серия 9 (2) параметри за динамично предаване на компоненти

Малък боклук · Публикувано в 2.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 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 са компоненти, които динамично създаваме в основния интерфейс, и ако и двата компонента имат един и същ входен параметър, например име, можем да дефинираме интерфейс.

Създайте интерфейс чрез командата angular-cli.

ng g interface IModalParameter

Кодът е следният:

Входът е видим.

Ще наследим компонентите Modal1Component и Modal2Component от интерфейса IModalParameter.

Входът е видим.

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

В същото време редактираме index.component.ts файла, модифицираме метода onClick и кодът е следният:

Входът е видим.

(Край)

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

Свързани публикации

Разгледани секции