如何解决数组的角度迭代对象
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>
阵列对象
问题:
如何在自己的按钮中列出响应数组中的每个国家/地区?
解决方法
只需再循环一次
<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>
,
将响应数据插入数组,并避免模板上出现多个循环。
self._head
HTML:
this.paises = this.api.getAllCountries();
this.paises.forEach(item => {
this.paisesData.push(item.response);
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。