如何在div3中使用divider作为日期

Question

我的数据（如历史日期）

[
{firstName:'saurabh' , date:'20/03/2017'},

{firstName:'rahul' , date:'20/03/2017'},

{firstName:'mukesh' , date:'20/04/2017'},

{firstName:'harish' , date:'19/01/2017'}
]

Answer 1

您可以像这样重新格式化JSON：

public cats: any = [
  { 
    title: "20/03/2017",
    items: [
      { name: "saurabh" },
      { name: "rahul" }
    ]
  },
  { 
    title: "20/04/2017",
    items: [
      { name: "mukesh" }
    ]
  }
];

通过这种方式，您可以对页面使用以下架构：

<ion-item-group *ngFor="let cat of cats">
  <ion-item-divider>{{cat.title}}</ion-item-divider>
  <ion-item *ngFor="let item of cat.items">{{item.name}}</ion-item>
</ion-item-group>

因此，您需要做的唯一事情就是重新格式化您的JSON。