按日期列出的角度组织垫子

Question

我使用角Cli 6，我有几个来自几个服务的数据，我想在同一个页面上显示所有这些数据。我想通过增加日期来显示不同的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>

我还有三张马尔卡。我怎么能过滤掉这三个？谢谢

Answer 1

有许多可能性可以按日期订购您的内容。

1. 如果您有自己的后台服务器，则可以直接使用某些查询按日期订购。
2. 在您的service.ts或component.ts中，当您使用自定义排序获取数据时，可以按日期排序(参见这里)。
3. 在HTML中，可以使用自定义orderBy管道(示例)。

要正确管理日期，可以使用包力矩