如何在使用 ngFor Angular5 时对对象数据进行运行时操作

Question

我有这样的代码

<div *ngFor="let oldRow of displayData">
<span>{{ dataTime }}</span> // getting data like " Fri Aug 31 2018 15:28:34 GMT+0530 (India Standard Time) "
</div>

我只想以 12 小时格式转换时间，例如" 3：28 PM "来显示，我怎样才能得到它。

有什么帮助吗？ 谢谢

Answer 1

您需要为此编写自定义管道。

import { DatePipe } from '@angular/common';
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'dateFormat'
})
export class DateFormatPipe extends DatePipe implements PipeTransform {
transform(value: any, args?: any): any {
return super.transform(value, 'dd/MMM/yyyy h:mm a');
}
}

创建此管道后，您可以将值作为此管道中的参数获取并根据需要对其进行转换。 希望这有帮助。