Для l oop в Typescript для получения данных из JSON Array

Question

Я создаю приложение в Angular 8. Используемый мной API содержит массив JSON, как показано (частично):

   "success":true,
   "data":{
      "summary":{
         "total":606,
         "confirmedCasesIndian":563,
         "confirmedCasesForeign":43,
         "discharged":43,
         "deaths":10,
         "confirmedButLocationUnidentified":0
      },
      "regional":[
         {
            "loc":"Andhra Pradesh",
            "confirmedCasesIndian":9,
            "confirmedCasesForeign":0,
            "discharged":1,
            "deaths":0
         },
         {
            "loc":"Bihar",
            "confirmedCasesIndian":4,
            "confirmedCasesForeign":0,
            "discharged":0,
            "deaths":1
         },
         {
            "loc":"Chhattisgarh",
            "confirmedCasesIndian":1,
            "confirmedCasesForeign":0,
            "discharged":0,
            "deaths":0
         },
         {
            "loc":"Delhi",
            "confirmedCasesIndian":30,
            "confirmedCasesForeign":1,
            "discharged":6,
            "deaths":1
         }
      ]
   },
   "lastRefreshed":"2020-03-26T04:18:02.528Z",
   "lastOriginUpdate":"2020-03-25T13:15:00.000Z"
}

component.ts

  constructor(private _IndiaApiService: IndiaApiService) { }

  info:IndiaClass[]
  regional:[];

  ngOnInit() {
    this._IndiaApiService.getIndiaData()
    .subscribe
    (
      data=>
      {
        this.info = data;
      }
    )
  }

 }

компонент. html

<table border=1>
            <tr>
                <th>State</th>
                <th>Recovered cases</th>
            </tr>

            <tr>
                <td>{{ info.data.regional[0].loc }}</td>
                <td>{{ info.data.regional[0].discharged }}</td>
            </tr>
</table>

Вывод вышеупомянутого, как и ожидалось, я получаю таблицу с данными из первого элемента массива. Теперь мне нужно l oop через региональные [0] и региональные [24]. (В наборе данных массива 25 элементов)

Как мне это сделать с помощью * ngFor? Есть ли другой способ применить l oop? Спасибо.

Answer 1

Я не совсем понимаю, что именно вы ищете. Но вы можете попробовать следующее

<tr *ngFor="let region of info.data.regional">
  <td>{{ region.loc }}</td>
  <td>{{ region.discharged }}</td>
</tr>