Угловой: формат даты с использованием трубы с пользовательской строкой

Question

Я новичок в угловой. Я использовал трубу для форматирования даты. Я использовал следующее, но не сработало.

<tr *ngFor="let item of items; index as i" [attr.data-rel]="'sometext-' + item.startTime | dateFormat ">

Если я удаляю 'timeslot-' + или | dateFormat, это работает, но с конкатенацией строк это не работает.

следующие работы.

<tr *ngFor="let item of items; index as i" [attr.data-rel]="'sometext-' + item.startTime">

Или

<tr *ngFor="let item of items; index as i" [attr.data-rel]="item.startTime | dateFormat ">

Answer 1

Обтекание (item.startTime | dateFormat ) в скобках

<tr *ngFor="let item of items; index as i" [attr.data-rel]="'sometext-' + (item.startTime | dateFormat )">

Answer 2

Создать пользовательский канал

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'dateFormat' })
export class DateFormat implements PipeTransform {
  transform(date: Date, text: string): string {
    return text + date.toString();
  }
}

Назовите это так

<tr *ngFor="let item of items; index as i" [attr.data-rel]="item.startTime | dateFormat : 'sometext'  ">