ERROR 错误：尝试比较“[object Object]”时出错。 ionic 中只允许使用数组和可迭代对象答案

【问题标题】：ERROR Error: Error trying to diff '[object Object]'. Only arrays and iterables are allowed in ionicERROR 错误：尝试比较“[object Object]”时出错。 ionic 中只允许使用数组和可迭代对象
【发布时间】：2018-12-19 10:10:26
【问题描述】：

我如何命令它在下拉列表中显示这个数组？？

我的.html

<ion-item>
    <img src="assets/img/travel/city.png" width="25" height="30" item-start>
    <ion-label stacked>Pilih Kota</ion-label>
    <ion-select [(ngModel)]="shuttledestination2" name="shuttledestination2" interface="action-sheet">
        <ion-option *ngFor="let data of traveldest" value="{{ data.id }}"><b>{{ data.label }}</b></ion-option>
    </ion-select>
</ion-item>

【问题讨论】：

这里traveldest的类型是什么？
@Dhy46 你的数据似乎是 object 格式，而不是 array 格式？？
@eduPeeth traveldest: any = [];

标签： ionic-framework ionic2 ionic3 ionic-native ionic-view

【解决方案1】：

您的traveldest 显然是对象的对象而不是数组，您可以通过图像看到第二行的位置{1{...}, 2{...}, 3{...}}。

您需要做的是在将其分配给traveldest之前将此对象转换为数组，您可以使用Object.values(yourObject)轻松做到这一点，因此您可以这样做：

this.traveldest = Object.values(yourReceivedObject);

yourReceivedObject 是来自您的 HTTP 调用或任何返回结果的响应。

希望这会有所帮助。

【讨论】：