У меня есть таблица с заголовками и строками данных.
<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)", который проверяет, есть ли запись или нет.
Мне нужно передать true или false из * ngIf = "checkIfThereIs (entry)" в div заголовков, чтобы он отображался только при наличии какой-либо записи. Но я должен обойти другие ngIf и ngFor.