5.7管道

管道可以实现原始值到期望值的转换 多个管道可以链接配合使用

Angular常见管道

• uppercase管道

• lowercase管道

• titlecase管道

• date管道

    <p>{{birthDay | date:'yyyy-MM-dd HH:mm:ss'}}</p>

• number管道

    <p>{{3.1415926|number:'2.1-2'}}</p>
    <p>{{数字|number:'整数位数.最少小数位数-最多小数位数'}}</p>

• async管道

    <p>{{| aysnc}}</p> 处理异步响应流

  自定义管道

  实战：定义一个名为multiple的管道。一个数字通过该管道将返回“数字*参数"

• 使用ng g pipe pipe/multiple生成管道

• 在模块的@NgModule注释的declarations中声明MultiplePipe管道

• 编写管道规则

   transform(value: number, args?: number): any {
       if (!args) {args = 1;}
       return value * args;
   }

• 使用管道

   <p>{{3|multiple:2}}</p>