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

我有这样的代码

 <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>

{{dataTime}}//获取类似“2018年8月31日星期五15:28:34 GMT+0530（印度标准时间）”的数据

我只想把时间转换成12小时格式，如“下午3:28”来显示，我怎样才能得到它

有什么帮助吗？

---

谢谢

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

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');
  }
}

创建此管道后，可以将该值作为此管道中的参数获取，并根据需要对其进行变换。

---

希望这有帮助。

使用@AlekseySolovey，有什么例子吗？

{{dataTime | date:'h:mm a'}}

按照@AlekseySolovey的建议使用日期管道。