美文网首页
自定义pipe

自定义pipe

作者: 清华同方 | 来源:发表于2017-06-27 16:58 被阅读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方法即可 )


    相关文章

      网友评论

          本文标题:自定义pipe

          本文链接:https://www.haomeiwen.com/subject/kwetcxtx.html