如何在离子2中显示timeago？

Question

我使用timeAgo npm包来显示时间，但显示错误的时间。我也显示ENTDT（录入日期）。

我安装时间包

npm install time-ago-pipe --save

app.module.ts

import {TimeAgoPipe} from 'time-ago-pipe';

声明

TimeAgoPipe

 <ion-list no-lines *ngFor="let list of displayList;let i=index;" >
    <ion-item text-wrap *ngIf="list.STATUS=='ACTIVE'" style="padding-left:30px;padding-right:30px;">
     <p style="font-size: 10px;margin-top:-5px;" [style.color]="list.ENTDT > list.DEADLINE_DT ? '#fece60' : '#9DA4AB'">{{list.ENTDT | timeAgo}}{{list.ENTDT}}</p>
    </ion-item>
</ion-list>

我在几秒钟之前完成任务，但它在16小时前显示。

Answer 1

为角度2及以上安装时刻js，

npm install --save angular2-moment

在 app.module.ts ，

中导入模块

import { MomentModule } from 'angular2-moment';

@NgModule({
  imports: [
    MomentModule
  ]
})

并在您的组件中使用它，

@Component({
  selector: 'app',
  template: `
    Last updated: {{myDate | amTimeAgo}}
  `
})

有关详细信息，请查看此documentation