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

发布时间：2020-12-17 09:29:34 所属栏目：安全来源：网络整理

导读：我正在努力了解如何创建一个如果显示一个ng内容是空的. div #contentWrapper [hidden]="isOpen" ng-content /ng-content/divspan *ngIf="contentWrapper.childNodes.length == 0" pDisplay this if ng-content is empty!/p/span 当内容为空时,我尝试使用该显

我正在努力了解如何创建一个如果显示一个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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!