do a Ngfor to avoid access each property of an object - angular

Asked May 22 '19 at 00:51

Active May 22 '19 at 01:01

Viewed 50 times

Let's say part of my code table looks like this. I'm using ngFor to access to the property of each element:

  <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>

Is there a way to simplify the td tags making it more general? knowing that there is more types than just "hotel".

edited May 22 '19 at 01:01

asked May 22 '19 at 00:51

Cesar Augusto

You can use one of the techniques suggested in [this post](https://stackoverflow.com/q/35534959/1009922). – ConnorsFan May 22 '19 at 01:10
Refeer below link: https://stackoverflow.com/questions/35534959/access-key-and-value-of-object-using-ngfor – laxman kanhere May 22 '19 at 02:43

do a Ngfor to avoid access each property of an object - angular

0 Answers0