错误错误：尝试与'[object Object]'进行比较时出错。离子中仅允许数组和可迭代

Question

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

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>

Answer 1

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

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

this.traveldest = Object.values(yourReceivedObject);

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

希望这会有所帮助。