自定义pipe

2017-06-27 本文已影响0人清华同方

自定义pipe

$ ng g p custom-pipe
//生成代码如下
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'customPipe'
})
export class CustomPipePipe implements PipeTransform {
  //value 源数据，args 冒号分割的参数
  transform(value: any, args?: any): any {
    return null;
  }

}
//使用 和内置pipe一样
{{data | customPipe}}

pipe说明：（自定义pipe只需实现 PipeTransform接口的transform方法即可）