Angular:管道和自定义管道
阅读原文时间:2023年07月08日阅读:2

①管道的使用,更多管道在angular官网上有

全部转为大写:{{'hahahah' | uppercase}}

保留两位小数:{{1.45555 | number:'1.1-2'}}

②自定义管道

1、使用ng g pipe创建一个管道类文件

2、对pipes/pow.pipe.ts文件进行改造

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

@Pipe({
name: 'pow'
})
export class PowPipe implements PipeTransform {

transform(value: number, exponent?: number): number { //第二个参数还可以为…arg:unknown[]:
return Math.pow(value, isNaN(exponent) ? 1 : exponent); //求传入数值的多少次方
}

}

3、组件中使用

{{2 | pow:3}}