Как удалить компонент по клику на него?

На страницу выводятся компоненты в виде списка в родительском компоненте:

<app-form-model [block]="block" *ngFor="let block of blocks"></app-form-model>


Как удалить <app-form-model> со страницы, по клику?

Сейчас HTML выглядит так:

<app-form-model></app-form-model>
<app-form-model></app-form-model>
<app-form-model></app-form-model>


Кто должен управлять списком компонентов (добавлять и удалять) - родитель? А если нужно удалить компонент со страницы по клику на него, как быть?
  • Вопрос задан
  • 21 просмотр
Решения вопроса 1
@babtsoualiaksandr
Повесить событие внутри компонента и передать это событие вверх родителю, который и удалит или добавит элемент!
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы