①管道的使用,更多管道在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}}
手机扫一扫
移动阅读更方便
你可能感兴趣的文章