如何在 Angular 中使用 *ngIf 在元素中显示模板引用变量？

问：

我想使用 Swagger UI 呈现一个 JSON 文件。但是，API 文档应显示在包含 *ngIf 的元素中。如果我执行所示的代码，则不会显示 API 文档，但如果我省略 *ngIf，一切正常。

  @ViewChild('customerapidocumentation', { static: true })
  custApiDocElement: ElementRef | undefined;

 ngAfterContentInit(): void {
    const apiDocumentation = this.api;
    const ui = SwaggerUI({
      spec: apiDocumentation,
      domNode: this.custApiDocElement?.nativeElement
    });
  }

 <div *ngIf="docu">
      <div #customerapidocumentation id="customer-api-documentation"></div>
 </div>

我也尝试过使用 {static： false} 和 ngAfterViewInit，但这也没有用。