Как скрыть и показать два компонента?

У меня есть компонент, который переиспользуется:

<app-add-object-layer-component *ngIf="showAddForm1()" [props]="null" [title]="'Добавление 1'"[type]="'addToB'">
 <app-add-object-layer-component *ngIf="showAddForm2()" [props]="null" [title]="'Добавление 1'"[type]="'addToL'">


Как видно, отображение компонентов происходит за счет ngIf:

showAddForm1()
showAddForm2()


Проблема в том, что нужно отобразить только один активный компонент, другой скрыть. И не хочется делать в этом духе:

public onSelectButton(button: Button) {
    if (button instanceof ButtonAddToLayer) {
      this.addRegistryLayerService.add[addToB] = true;
    this.addRegistryLayerService.add[addToL] = false
    }
  }


Как можно сделать это более элегантно - имея список компонентов `app-add-object-layer-component`?
  • Вопрос задан
  • 36 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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