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

角度：使用带有自定义字符串的管道设置日期格式

2 个答案: