показать дочерний компонент в зависимости от данных от родителя в угловых - PullRequest
0 голосов
/ 08 июня 2018

Я пытаюсь заархивировать функционал для Material Dialog.Я хочу сделать родительский всплывающий компонент, который содержит все мои всплывающие окна, которые я использую в своем приложении.Структура выглядит следующим образом:

parent-popup-component 
|
| - popup1
| - popup2
| - popup3
...component.ts ...component.html

А внутри другого компонента я вызываю parent-popup-component следующим образом

const dialogRef = this.dialog.open(ParentPopupComponent, {
  data: { dialogName: 'popup1' },
});

Внутри parent-popup.component.html я храню все свои всплывающие окна ипередать объект данных с необходимым всплывающим именем в дочернее всплывающее окно

<popup1 [data]='data'></popup1>
<popup2 [data]='data'></popup2>
<popup3 [data]='data'></popup3>

Как я могу показать всплывающий шаблон дочернего элемента в родительском всплывающем окне, когда я звоню?

1 Ответ

0 голосов
/ 08 июня 2018

Вы можете просто достичь этого, используя *ngIf на основе данных, которые вы получаете, как это -

<popup1 [data]='data' *ngIf="data.dialogName == 'popup1'"></popup1>
<popup2 [data]='data' *ngIf="data.dialogName == 'popup2'"></popup2>
<popup3 [data]='data' *ngIf="data.dialogName == 'popup3'"></popup3>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...