Angular4对一组对象进行分组

Question

我正在尝试将一个对象数组w.r.t分组到该对象的一个​​属性。实现它的最佳方法是什么？ 样品：

{ 
name: "India",
capital: "New Delhi",
cities:[{
name: "city1",
state:"state1"
},
{
name:"city3",
state:"state2"
}
....
{
name:"city56",
state:"state1"

}]
 }

按州分组显示的最佳方法是什么？我应该使用管道还是使用typescipt对数组进行分组？是否有分组管可用于angular4？

Answer 1

Angular2 +有几个现成的管道集合，包括groupBy管道。两个可能的例子是：

ng-pipes

<div *ngFor="let item of items | groupBy: 'state'">

angular-pipes

<div>{{ arrayObject | groupBy: 'state' }}</div>

Answer 2

您可以像这样使用lodash：

_.groupBy(myCityList, 'state')

请注意，myCityList是具有state属性的内部列表，如下所示：

const myCityList = [
    {
        name: "city1",
        state:"state1"
    },
    {
        name:"city3",
        state:"state2"
    },
    {
        name:"city56",
        state:"state1"
    }];