Убедитесь, что массив не пуст при цикле с ngFor

Question

Мне нужно отобразить данные из массива в таблице.Какое условие я могу использовать, чтобы гарантировать, что массив не должен повторяться, когда он пуст?

<tr *ngFor="let something of (adunit.unit_price)">
<td>{{something.updated_date | date : 'medium' }}</td>
<td>{{ something.value }}</td>

Answer 1

Вам не нужно беспокоиться об итерации, так как Angular позаботится об этом за вас.Если массив пуст, он не будет повторяться.

Answer 2

Я бы добавил оператор Элвиса, который сначала проверит существование родительской переменной.Как это:

<tr *ngFor="let something of adunit?.unit_price">
<td>{{something.updated_date | date : 'medium' }}</td>
<td>{{ something.value }}</td>

Answer 3

Вы можете обернуть свой стол в *ngIf

<table *ngIf="adunit.unit_price.length">
  <tr *ngFor="let something of (adunit.unit_price)">
  <td>{{something.updated_date | date : 'medium' }}</td>
  <td>{{ something.value }}</td>
  </tr>
</table>