angular - 通过其他 div 的 ngIf 生成一些 div

Question

我有一个带有标题和数据行的表。

<div *ngFor="let key of keys; let isFirst=first">
    <div *ngFor="let entry of TableMap[key.id]">
        <ng-container *ngIf="checkIfThereIs(entry)">
          <div *ngIf="isFirst" class="display-flex">
              <div> Name </div>
              <div> Date </div>
              <div> Place </div>
              <div> Weight </div>
              <div> Height </div>
            </div>
            <div class="colorblue">
                <div class="border-r">
                    <div class="fit-content">
                        <p>{{key.name}}</p>
                    </div>
                </div>
                <div class="flexbasis13">
                    <input type="text"/>
                </div>
                <div class="flexbasis13">
                    <input type="number"/>
                </div>
                <div class="flexbasis13">
                    <input type="number"/>
                </div>
                <div class="flexbasis13">
                    <input type="text"/>
                </div>
            </div>
        </ng-container>
    </div>
</div>

我有一个 ngFor 创建数据行（键的键），一个 ngFor 显示 key.id 发送到服务后的条目，以及一个 *ngIf="checkIfThereIs(entry)" 检查是否有条目.

我需要的是从 *ngIf="checkIfThereIs(entry)" 将 true 或 false 传递给 headers div，这样它只会在有任何条目时显示。但我必须绕过其他 ngIf 和 ngFor。

标签： angularngforangular-ng-if