自定义管道
新建一个管道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