Javascript 可以选择通过指令将数据传递给子元素

我有一个弹出对话框，我希望显示两个稍微不同的视图之一，这取决于我是否有数据存在

是否有一种方法可以选择性地在指令中传递所述数据

例如，我想用

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

其中

[数据]

可能并不总是存在，即它可能是

未定义的

或存在实际数据

我只是想避免基本上重复我的组件

在对我的问题感到困惑后更新 基本上，我正在向数据库中添加一条新记录（想象一下添加一个新客户等）。我的组件将用于编辑记录或创建新记录。如果我正在编辑一条记录，myData将用该记录填充。如果我正在创建一个新记录，我的数据将是未定义的。

为什么不直接使用

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

---

这样，如果

myData

不存在，您的弹出窗口将不会显示

，或者您也可以使用

将您的组件包装在其中，并使用ngIf处理您的数据

我的问题可能不太清楚，我现在已经更新了。基本上，我正在向数据库中添加一条新记录（想象一下添加一个新客户等）。我的组件将用于编辑记录或创建新记录。如果我正在编辑一条记录，

myData

将用该记录填充。如果我正在创建新记录，

myData

将未定义。。。