сделать 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, делая его более общим?зная, что здесь больше типов, чем просто «отель».