角日期格式，如果條件

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小時到當前時間，然後用「shortTime」給出11:10 pm
2. 如果它已經被更多比24小時比較到當前時間，然後使用「MMM d」給出Oct 16。

如何將if條件添加到ngFor語法裏面？

Answer 1

你有可能的路徑：

• 修改this.allInfo有你想使用$過濾器控制器內，而不是直接在模板中的格式。看看Angular 2/4 use pipes in services and components。
• 使自定義過濾器，做你想做的。不推薦使用，因爲過濾器旨在將表示邏輯封裝在上下文中。