При желании передать данные в дочерний элемент через директиву

Question

У меня есть всплывающее диалоговое окно, в котором я хочу отобразить одно из двух немного разных представлений, в зависимости от того, есть ли у меня данные или нет.

Есть ли способ, которым я могу опционально передать указанные данные в директивах?

т. Я хотел бы использовать что-то вроде

<my-comp *ngIf="ifPopup" [data]="myData" [isNew]="isNew"></my-comp>

, где [data] может присутствовать не всегда, т.е. Это может быть undefined или фактические данные.

Я просто хочу избежать дублирования моего компонента.

Обновление после смущения вокруг моего вопроса По сути, я добавляю новую запись в свою БД (представьте себе, добавление нового клиента и т. Д.). Мой компонент будет использоваться для редактирования записи или для создания новой записи. Если я редактирую запись, myData будет заполнен этой записью. Если я создаю новую запись, myData будет неопределенным ..

Answer 1

Или вы также можете использовать <ng-container> и обернуть свой компонент внутри и использовать ngIf для ваших данных!

Answer 2

почему бы вам просто не использовать

<my-comp *ngIf="ifPopup && myData" [data]="myData"></my-comp>

таким образом, если myData отсутствует, ваше всплывающее окно не будет отображать