Fatal编程技术网
  • angular/
  • Angular 带if条件的角度日期格式

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

angular datetime if-statement

Angular 带if条件的角度日期格式,angular,datetime,if-statement,angular-ng-if,Angular,Datetime,If Statement,Angular Ng If,我有以下建议： ngOnInit(){ this.getInfo().then((data) => { this.allInfo= data; }); }; …其中数据如下所示： 0: Time: 1508218791131 1: Time: 1508217179413 2: Time: 1508217026810 然后，在html中： <div *ngFor = "let each o

我有以下建议：

ngOnInit(){
   this.getInfo().then((data) => {               
        this.allInfo= data;           
    });
};
…其中
数据
如下所示：

0:
  Time: 1508218791131
1:
  Time: 1508217179413
2:
  Time: 1508217026810
然后，在html中：

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


{{每个时间|日期：“短时间”}
这些很好用

以下是我要做的：

我试图比较
时间
和
当前时间
，有两种情况：

  • 如果与当前时间相比少于24小时，则使用“短时间”给出
    11:10 pm
  • 如果与当前时间相比，超过了24小时，则使用“MMM d”给出10月16日的
    • 如何将if条件添加到ngFor的语法中？

    您必须选择可能的路径：

    • 修改
      this.allInfo
      ，使其具有在控制器中使用$filter而不是直接在模板中使用$filter所需的格式。看
    • 制作一个自定义过滤器，满足您的需要。不推荐使用，因为过滤器旨在跨上下文封装表示逻辑
    您必须找到可能的路径：

    • 修改
      this.allInfo
      ，使其具有在控制器中使用$filter而不是直接在模板中使用$filter所需的格式。看
    • 制作一个自定义过滤器，满足您的需要。不推荐使用，因为过滤器旨在跨上下文封装表示逻辑