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

Question

我有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'"

谢谢

Answer 1

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

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

这是JsFiddle

上的有效示例