如何在使用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');
  }
}

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