详细信息关闭时如何不创建 div 元素

Question

详细信息关闭时如何不创建 div 元素 此代码不起作用：

<details #dtv>
     <summary>Details</summary>
      <div class="xd" *ngIf="dtv.open"></div>
</details>

Answer 1

您可以使用 ng-container 作为

<ng-container class="xd" *ngIf="dtv.open"></ng-container>

因为如果条件不满足，ng-container 不会创建元素。

官方文档摘录：

ng-container 允许我们使用结构指令而不需要任何 额外元素，确保应用的唯一 DOM 更改是 那些由指令本身规定的。