Angular：条件父组件

Question

考虑下面的标记

<ng-container
  *ngIf="isModal; else content" >
  <div class="modal-backdrop fade show"></div>
  <div
    role="dialog"
    class="modal fade show d-block">
    <ng-container
      class="modal-dialog"
      *ngIf="true; then content">
    </ng-container>
  </div>
</ng-container>`enter code here`
<ng-template #content>
    <!-- children here -->
</ng-template>

根据模式状态isModal，内容容器#content将附加到另一个父项DOM元素。

• 问题

问题在于状态isModal可能在创建组件后发生变化，从而导致计算*ngIf并因此从#content中删除DOM以便将其放置在其他父项上。 我知道这是*ngIf 的预期行为。

• 我在寻找什么

我正在寻找一种方法来实现这个有条件的父母，而不会在父母改变时破坏孩子。

欢迎任何帮助。干杯