javascript - 做一个 Ngfor 以避免访问对象的每个属性 - 角度

Question

假设我的代码表的一部分看起来像这样。我正在使用 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 标签使其更通用？知道有更多的类型不仅仅是“酒店”。

标签： javascriptangular