错误错误：尝试比较&#39；[对象对象]&#39；时出错。Ion中只允许使用数组和可迭代数组 [英] ERROR Error: Error trying to diff '[object Object]'. Only arrays and iterables are allowed in ionic

问题描述

如何排序以在下拉列表中显示此数组？？

my.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显然是对象的对象，而不是数组，您可以从图像中看到您的第二行{1{...}, 2{...}, 3{...}}。

您需要做的是在将该对象分配给traveldest之前将其转换为一个数组，使用Object.values(yourObject)可以很容易地做到这一点，所以您可以这样做：

this.traveldest = Object.values(yourReceivedObject);

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

希望这能有所帮助。

这篇关于错误错误：尝试比较&#39；[对象对象]&#39；时出错。Ion中只允许使用数组和可迭代数组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！