Как поместить операции времени выполнения на объектные данные при использовании ngFor Angular5 - PullRequest
Новая
       11

Как поместить операции времени выполнения на объектные данные при использовании ngFor Angular5

0 голосов
/ 03 сентября 2018

У меня есть такой код 

 <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", Как я могу его получить.

Любая помощь? Спасибо

1 Ответ

0 голосов
/ 03 сентября 2018

Вам нужно написать собственный канал для этого. 

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

После создания этого канала вы можете получить значение в качестве параметра в этом канале и преобразовать его в соответствии со своими потребностями. Надеюсь, это поможет.

...