angular4管道过滤

自定义管道

新建一个管道multiple，ng g pipe pipe/multiple

修改multiple.pipe.ts

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

@Pipe({
  name: 'multiple'
})
export class MultiplePipe implements PipeTransform {

  transform(value: number, args?: number): any {
    if(!args){
      args=1;
    }
    return value*args;
  }

}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15

<p>试试自己写的管道{{size | multiple}}</p>

• 1

size:number=8;

• 1

显示结果为，试试自己写的管道8

<p>试试自己写的管道{{size | multiple:'9'}}</p>

• 1

显示结果为，试试自己写的管道72