管道

管道用来对字符串，货币金额，日期和其他显示数据进行转换和格式化。管道是一些简单的函数，可以在模板表达式中用来接受输入值并返回一个转换后的值。

# 常用的内置管道
1. DatePipe：根据本地环境中的规则格式化日期值。
2. UpperCasePipe：把文本全部转换成大写。
3. LowerCasePipe ：把文本全部转换成小写。
4. CurrencyPipe ：把数字转换成货币字符串，根据本地环境中的规则进行格式化。
5. DecimalPipe：把数字转换成带小数点的字符串，根据本地环境中的规则进行格式化。
6. PercentPipe ：把数字转换成百分比字符串，根据本地环境中的规则进行格式化。

# 怎么用？
<p> {{ birthday | date }} </p>
//该组件的 birthday 值通过管道操作符（|）流向 date 函数。
<p> {{ birthday | date:"MM/dd/yy" }} </p>

# 管道串联
{{ birthday | date | uppercase}}
//将日期转换格式，再大写。

# 自定义管道(身份证号部分隐藏为例)
1. 在common文件夹下创建管道
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'idNumber' })

export class IdNumberPipe implements PipeTransform {
      transform(value): string {
            let idCard = value.replace(/(^\d{6}|\d{3})(\d{10})(\d{1})(\d{1}|X$)/, "$1**********$3$4");
            return idCard;
      }
}

2. 在需要的地方xxx.modules.ts引入
import { IdNumberPipe } from '../../common/IdNumberPipe';

3. 在@NgModules的declaration中声明。
@NgModule({
    declarations: [IdNumberPipe]
})

4. 在HTML文件中使用了。
<div class="idcard">{{order.idNumber | idNumber }}</div>