用其他div的ngIf生成一些div

时间:2018-04-26 13:41:35

标签: angular ngfor ngif

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

<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,一个显示key.id发送到服务后的条目的ngFor,以及一个检查是否存在的* ngIf =“checkIfThereIs(entry)”是否进入。

我需要的是将* ngIf =“checkIfThereIs(entry)”中的true或false传递给header div,这样只有在有任何条目时才显示。但我必须绕过其他ngIf和ngFor。

0 个答案:

没有答案