如何在 ionic v3 中使用分隔符作为日期

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。

如何在 ionic v3 中使用分隔符作为日期

how to use divider as a date in ionic v3

ionic3