首页 > 解决方案 > 如果所有子组件都隐藏了ngIf,如何隐藏组件

问题描述

例如考虑代码:

<div *ngIf="-------NOTEMPTY-------">
  Parent
  <div *ngFor = 'let child of offsprings'>
    <div name="c1" *ngIf="conditions[child.name]">
      Child0
    </div>
  </div>
</div>

我希望 Parent 部门的ngIf所有false子部门ngIf都是false.

注意:我不可能收集 ts 文件中的所有子条件。

标签: javascriptangulartypescriptangular-ng-if

解决方案


尝试添加 Parent *ngIf 条件

!offsprings.every(child => !conditions[child.name]);

推荐阅读