Angular 使用带*ngFor-对象的uu.groupby()lodash时出错

Angular 使用带*ngFor-对象的uu.groupby()lodash时出错,angular,typescript,lodash,Angular,Typescript,Lodash,我正在使用lodash按数组分组: venuesByCategory: {}; // ... this.venuesByCategory = _.groupBy(allVenues, venue => venue.category); 在我的模板中: <ion-row *ngFor="let venue of venuesByCategory | keyvalue"> <!-- --> </ion-row> 我该怎么办?console.log的v

我正在使用lodash按数组分组:

venuesByCategory: {};

// ...

this.venuesByCategory = _.groupBy(allVenues, venue => venue.category);
在我的模板中:

<ion-row *ngFor="let venue of venuesByCategory | keyvalue">
<!-- -->
</ion-row>
我该怎么办?console.log的venuesByCategory: 错误解释了这一切

您正在尝试使用不受支持的
*ngFor
迭代对象

Lodash
groupBy
返回对象而不是数组

如果要显示对象键,请按照下面的答案进行操作


您好,您何时执行以下代码?this.venuesByCategory=uu.groupBy(所有场馆,场馆=>venue.category);只是好奇,在管道周围添加支架有什么好处吗?=><代码>*ngFor=“让(venuesByCategory | keyvalue)的地点进入”。
ERROR Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.