进行Ngfor以避免访问对象的每个属性-角度

时间:2019-05-22 00:51:39

标签: javascript angular

比方说,我的代码表的一部分看起来像这样。我正在使用ngFor来访问每个元素的属性:

  <tr *ngFor="let hotel of tableData">
    <td>{{ hotel?.id }}</td>
    <td>{{ hotel?.name }}</td>
    <td>{{ hotel?.capacity }}</td>
    <td>{{ hotel?.phone_number }}</td>
    <td>{{ hotel?.web_site }}</td>
    <td>
      <span class="badge badge-success" *ngIf="hotel?.status === 'Active'"> {{ hotel?.status }}</span>
      <span class="badge badge-danger" *ngIf="hotel?.status === 'Inactive'">{{ hotel?.status }}</span>
    </td>

有没有一种方法可以简化td标签,使其更通用?知道类型不只是“酒店”。

0 个答案:

没有答案