找不到支持“object”類型的 object“[object Object]”的不同，但它已經是一個數組

Question

我有從后端獲取數據到數組的方法

這是方法

getUtilities(): void {
    // DropdownHelpers.fillDropdownOptions(
    //     this._propertyService.getMarketingInformationUtilityTypes(),
    //     this.utilities
    // );
    this._propertyService.getMarketingInformationUtilityTypes().subscribe(result => {
        this.utilities = result.items;
        console.log(this.utilities);
    });
}

這是我在控制台中看到的

但是當我嘗試做*ngFor="let utility of utilities"

我有

MarketingEditComponent.html:38 錯誤錯誤：找不到支持“對象”類型的 object“[對象對象]”的不同對象。 NgFor 僅支持綁定到 Iterables，例如 Arrays。

我的問題在哪里？ 數據正在返回數組

Answer 1

this.utilities可能在 API 調用之前未定義 - 當時它不是一個數組。

解決方案：

• 在循環之前添加*ngIf以檢查它是否是模板中的數組。

或者

• 定義時將其初始化為空數組，即this.utilities = [];

Answer 2

當您定義實用程序時，將其聲明為

公用事業：任何； 或實用程序：any = [];

並在您使用 *ngIf 之前迭代類似

<div *ngIf="utilities"> 
<div *ngFor="let util of utilities">
{{util.OptionDto.name}} {{util.OptionDto.id}} 
</div>
</div>

他們之前所說的沒有什么新東西。 如果您仍然感到困惑，請給我一個堆棧閃電戰。