ERROR Error: Error trying to diff '[object Object]'. Only arrays and iterables are allowed in ionic

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

你需要做的是在将它分配给 traveldest 之前将此对象转换为数组，你可以使用 Object.values(yourObject) 轻松完成此操作，因此你可以这样做：

this.traveldest = Object.values(yourReceivedObject);

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

希望这对您有所帮助。