使用 *ngIf 仅更改围绕相同内容的 div

Question

我正在尝试创建一个不同的 div，它始终围绕相同的内容。但是，我无法创建重复的内容，因为 div 中有一个输入，它会抛出一个错误，提示“此 ID 已在使用中”

我尝试这样做：

<div *ngIf="true" x="" y="" ngClass=[example]>

    <input id="{{ aux }}"/>

</div> 

然后为另一种情况创建另一个 div：

<div *ngIf="false" ngClass=[example]>

    <input id="{{ aux }}"/>

</div>

所以我想要完成的是：

正如我之前展示的，我有一个 div，它接受一个变量（true 或 false），并且根据它会有不同的指令，由下面的 x, y 表示。

<div ngIf="true" x="" y="" ngClass=[example]>

    //same content

</div>

<div ngIf="false" ngClass=[example]>

    //same content

</div>

我希望能够创建一个动态条件来仅适用于周围的 div 包装器添加指令（它唯一改变的东西）而不是复制内容并向我抛出这个错误

我得到的错误是：该 ID 已在使用中。

谁能帮我？