带有if条件的角度日期格式

Question

我有以下角度：

ngOnInit(){
   this.getInfo().then((data) => {               
        this.allInfo= data;           
    });
};

... data如下所示：

0:
  Time: 1508218791131
1:
  Time: 1508217179413
2:
  Time: 1508217026810

然后，在html中：

<div *ngFor = "let each of allInfo;" >
    <div>{{ each.Time | date : "shortTime" }}</div>
</div>

这些工作正常。

以下是我要做的事情：

我正在尝试将Time与current time进行比较，但有两个条件：

1. 如果 > 24小时与当前时间相比，则使用＆＃34; shortTime＆＃34;给予11:10 pm
2. 如果与当前时间相比，更多超过24小时，则使用＆＃34; MMM d＆＃34;给予Oct 16。

如何将if条件添加到ngFor？

中的语法

Answer 1

你必须有可能的路径：

• 修改this.allInfo以使用控制器内部的$ filter而不是直接在模板内部的格式。看看Angular 2/4 use pipes in services and components。
• 制作符合您需要的自定义过滤器。不建议使用，因为过滤器旨在跨上下文封装表示逻辑。