如果ng-content具有内容或空Angular2

Question

我正在尝试了解如何在ng-content为空时创建if来显示。

<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* which are counted by 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