错误错误：尝试比较&#39；[对象对象]&#39；时出错。Ion中只允许使用数组和可迭代数组

问题描述

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

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调用或返回结果的任何内容的响应。

希望这能有所帮助。