angular - 如果 ng-content 有内容或为空 Angular2

Question

我想了解如何创建一个 if 来显示 ng-content是空的。

<div #contentWrapper [hidden]="isOpen">
    <ng-content ></ng-content>
</div>

<span *ngIf="contentWrapper.childNodes.length == 0">
    <p>Display this if ng-content is empty!</p>
</span>

当内容为空时，我尝试使用它来显示显示数据，但即使信息为空也不显示 <span>标签

谢谢，一直感谢您的帮助。

Answer 1

使用 children 而不是 childNodes。 Angular 为 *ngIf* 创建注释节点，由 childNodes`

计算

<div #contentWrapper [hidden]="isOpen">
    <ng-content ></ng-content>
</div>

<span *ngIf="contentWrapper.children.length == 0">
    <p>Display this if ng-content is empty!</p>
</span>  

Plunker example