如何在模板文字(不使用模板)中的模板文字中使用角度7日期管道(使用回勾)

时间:2018-12-07 09:11:06

标签: angular typescript angular6

我有changes.lastUpdatedTime.currentValue,这是1540460704884,我想使用管道作为日期格式

例如{{lastUpdatedTime | date:'short'}}

如何使用|组件内部的管道。

${changes.lastUpdatedTime.currentValue} | date:'short'

我想使用这样的东西。

下面的代码-

ngOnChanges(changes: SimpleChanges): void {
    if (changes.typeLabel && changes.cardLabel && changes.severity) {
      this.title = `[${this.severityName}] ${changes.cardLabel.currentValue}
Type: ${changes.typeLabel.currentValue}
Status changed: ${changes.lastUpdatedTime.currentValue}`;
    }
  }

我尝试使用下面的代码,但是它不起作用。

${changes.lastUpdatedTime.currentValue.transform(myDate, 'yyyy-MM-dd')};

我尝试使用它-但这不起作用。

  ngOnChanges(changes: SimpleChanges): void {
    if (changes.typeLabel && changes.cardLabel && changes.severity) {
      let displayedLastUpdatedTime = new DatePipe().transform(changes.lastUpdatedTime.currentValue);
      this.title = `[${this.severityName}] ${changes.cardLabel.currentValue}
Type: ${changes.typeLabel.currentValue}
Status changed: ${displayedLastUpdatedTime}`;
    }
  }

这会导致错误"has no exported member 'DatePipe'"

谢谢

1 个答案:

答案 0 :(得分:-2)

我认为,这就是您想要的。

import {DatePipe} from '@angular/common';
let result = new DatePipe().transform(input);

这是JsFiddle

上的有效示例