自定义管道

1.创建管道

D:\angular\myng>ng g pipe pipe/multiple
CREATE src/app/pipe/multiple.pipe.spec.ts (195 bytes)
CREATE src/app/pipe/multiple.pipe.ts (221 bytes)
UPDATE src/app/app.module.ts (1378 bytes)
 

2.自定义multiple管道

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

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

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

3.显示

<p>{{pi | multiple:2}}</p>