Angular非常简单的一个自定义管道

*一个简单过滤性别的自定义管道详解*
创建一个名为sex管道  ng g pipe sex

以下是sex.pipe.ts中代码

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

@Pipe({
  name: 'sex'
})
export class SexPipe implements PipeTransform {

  transform(value: any, args?: any): any {
  	//value 管道前面的值    
    	//sex:1   args管道传过来的参数既args=1
    if(value == 1){ 
      return '男'
    }else{
      return '女'
    }
  }

}

下面是HTML和视图

<h2>
  {{1|sex}}</h2><hr>

<h2>
  {{0|sex}</h2><hr>

<h2>
  {{0|sex}}</h2><hr>
<h2>
  {{1|sex}}</h2>