Question

返回对象看起来像这样

data: { "23":
       { prop: abc, prop_2: def },
        "78":
       { prop: abc, prop_2: def },
       "2098":
       { prop: abc, prop_2: def },
      }

代码

<div *ngFor="let filterCar of data">
     // blah blah
  </div>

Answer 1

您应该将您的对象转换为具有Object.values的对象数组：

let tab = Object.values(data);

然后您可以使用ngFor对其进行迭代

<div *ngFor="let filterCar of tab">
 // blah blah
</div>

Answer 2

您不能仅在数组上调用$action，而应使用*ngFor将对象转换为对象的数组：

Object.entries

然后您可以使用const arrayOfObject = Object.entries(data);遍历新变量

*ngFor

MDN Object.entries()

Angular 5遇到此错误，找不到类型为'object'

2 个答案: