如果ng内容有内容或空角Angular2

前端之家收集整理的这篇文章主要介绍了如果ng内容有内容或空角Angular2前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在努力了解如何创建一个如果显示一个ng内容是空的.
<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>标签

谢谢,永远感谢您的帮助.

使用子代替childNode. 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

猜你在找的Angularjs相关文章