这是我的叠加模板：

<ng-template
  cdkConnectedOverlay
  [cdkConnectedOverlayOrigin]="trigger"
  [cdkConnectedOverlayOpen]="_bIsOpen"
  (attach)="_onAttached()"
  (detach)="_onDetached()">
  <div *ngFor="let service of _pService; index as i;">
    <div [hidden]="!_pbVisible[i]">
      <div #Component></div>
    </div>
  </div>
</ng-template>

我正在使用 QueryList 动态地将组件添加到overlay中：

@ViewChildren('Component', { read: ViewContainerRef })
private _pContainer: QueryList<ViewContainerRef>;

问题是 detach 覆盖事件会破坏我添加到其中的所有组件 . 我组件的所有ViewRef都有 destroyed = true .

如何防止它们被破坏？

angular angular-cdk