数组的角度迭代对象

Question

TYPESCRIPT：

this.paises = this.api.getAllCountries();

        this.paises.forEach(item => {
            this.paisesData.push(item);
        });

英语：

 <ion-item button detail lines="inset" *ngFor="let pais of paisesData" (click)="paisesInfo(pais)">
            {{ pais.response }}
        </ion-item>

阵列对象

问题：

如何在自己的按钮中列出响应数组中的每个国家/地区？

Answer 1

只需再循环一次

<ion-item button detail lines="inset" *ngFor="let pais of paisesData" (click)="paisesInfo(pais)">
  <ul>
    <li *ngFor="let country of pais.response">{{ country }}</li>
  </ul>
</ion-item>

Answer 2

将响应数据插入数组，并避免模板上出现多个循环。

self._head

HTML：

this.paises = this.api.getAllCountries();

    this.paises.forEach(item => {
        this.paisesData.push(item.response);
    });