Как разобрать json в angular 7?

Question

У меня есть следующий вывод из моего API rest rest узла:

{
    "workorder": [
        {
            "id": 1,
            "Workorderno": 110,
            "Nfno": 23,
            "Amount": 230,
            "Orderno": 34,
            "createdAt": "2019-03-02 00:19:49.495 +00:00",
            "updatedAt": "2019-03-02 12:40:36.647 +00:00"
        }
    ]
}

Я хочу прочитать вывод и отобразить его в таблице, используя angular 7 ?Может ли кто-нибудь помочь мне сделать это?Я попытался внести изменения в мой оставшийся API, но мне не удалось получить результаты

Answer 1

Попробуйте добавить в тег tr: ngIf = "data.workorder! = Null"

Answer 2

Вам нужно что-то подобное, используя ngFor,

<table class="table table-striped">
        <thead>
            <tr>
                <th>Id</th>
                <th>Workorder No</th>
            </tr>
        </thead>
        <tbody>
           <tr *ngFor="let work of data.workorder">
            <td>{{work?.id}}</td>
            <td>{{work?.Workorderno}}</a></td>
           </tr>
        </tbody>
    </table>
</div>

, и ваш интерфейс должен быть таким,

  export interface Workorder {
        id: number;
        Workorderno: number;
        Nfno: number;
        Amount: number;
        Orderno: number;
        createdAt: string;
        updatedAt: string;
    }

, а затем в вашем компоненте

  data : Workorder;
  constructor(private service: nowService) {

  }

  ngOnInit() {
    this.service.getAll().subscribe((data) => {
       this.data = data;
    })
  }
}