Question

我使用angular Cli6。我从多个服务中收集了一些数据，希望将它们一起显示在同一页面上。我想通过增加日期来显示不同的div。

我所有的服务都以相同的方式工作：

<mat-card-content>
    <mat-list *ngFor="let examenToDisplay  of examensToDisplay | async">
        <mat-list><mark><strong>{{ examenToDisplay?.dateexamen | date:' d/MM/y'}}</strong></mark> </mat-list>
        <mat-list *ngIf="examenToDisplay.typeexamen"> Examen : <strong>{{ examenToDisplay?.typeexamen }}</strong> </mat-list>
        <mat-list  *ngIf="examenToDisplay.commentaires">Conclusion :  <strong>{{ examenToDisplay?.commentaires }}  </strong> </mat-list>
    </mat-list>
</mat-card-content>

我还有另外三张mar-card。我如何过滤这三个？谢谢

Answer 1

有很多可以按日期排序的内容。

如果您有自己的后台服务器，则可以通过一些查询直接按日期排序。
在您的service.ts或component.ts中，当您使用自定义排序来获取数据时，可以按日期排序（请参见here）
在HTML中，您可以使用自定义orderBy管道（example）。

要正确管理日期，您可以使用软件包Moment

Angular按日期整理材料清单

1 个答案: