首页 > 解决方案 > 如何在 Ionic 中对列表中的元素进行排序?

问题描述

我有一个像这样的离子列表:

 <ion-list  *ngFor = "let chat of Chats">
      <ion-item (click) = "openChat(chat.id)">
        <ion-label>
          <h2> {{chat.username}} </h2>
          <p> {{chat.status}}</p>
        </ion-label> 
      </ion-item>
 </ion-list>

我想按属性 chat.lastModified 中的“上次修改日期”订购我的清单(格式为 2020-12-30T16:14:26.000+0000),我该如何订购我的清单?

非常感谢

标签: javascripthtmlangulartypescriptionic-framework

解决方案


一种选择是在 Chats 数组上使用 Array.sort。

所以你会有类似的东西

sortChats() {
  return this.Chats.sort((b, a) => new Date(b.lastModifiedDate).getTime() - new Date(a.lastModifiedDate).getTime())
}

你可以这样调用你的函数

 <ion-list  *ngFor = "let chat of sortChats()">

推荐阅读