使用ngFor循环时，确保数组不为空

Question

我需要在表格中显示数组中的数据。我可以使用什么条件来确保数组在空时不应该迭代？

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

Answer 1

您可以将表格包裹在*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>

Answer 2

您不需要担心迭代，因为Angular将为您处理它。如果array为空，则不会迭代。

Answer 3

我会添加一个Elvis运算符，它将首先检查父变量是否存在。像这样：

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