常用内置管道

  • DatePipe：根据本地环境中的规则格式化日期值。
  • UpperCasePipe：把文本全部转换成大写。
  • LowerCasePipe ：把文本全部转换成小写。
  • CurrencyPipe ：把数字转换成货币字符串，根据本地环境中的规则进行格式化。
  • DecimalPipe：把数字转换成带小数点的字符串，根据本地环境中的规则进行格式化。
  • PercentPipe ：把数字转换成百分比字符串，根据本地环境中的规则进行格式化。

    自定义管道

    生成：ng generate pipe pipe-name

    示例：指数

    1. import { Pipe, PipeTransform } from '@angular/core';
    2. @Pipe({ name: 'exponential' })
    3. export class ExponentialPipe implements PipeTransform {
    4. transform(value: number, exponent?: number): number { // exponent可为数组形式，接受多个参数
    5.   return Math.pow(value, isNaN(exponent) ? 1 : exponent);
    6. }
    7. }
    1. {{2 | exponential: 10}}  <!--输出值为1024-->