angular 管道 pipe

我们来做个时间格式化的管道,

1.在app/pipes文件夹下新建date-transform.pipe.ts文件,并且添加如下代码

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

@Pipe({ name: 'dateTransform' })
export class DateTransformPipe implements PipeTransform {
  transform(date:Date|string,format:string) {
     if(!date){
       return date;
     }
     return moment(date).format(format);
   
  }
}

2.在app.module.ts中

@NgModule({
  declarations: [
    ...
    DateTransformPipe
  ],
  ...
})

3.使用 

guaranteeDate:string | Date = new Date('2019-10-11');

<div class="price">￥{{guaranteeDate | dateTransform: 'YYYY-MM-DD HH:mm:ss' }}</div>

 

参开文献:angular官网-管道