Angular(7) 学习资料 (4)管道

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_20282263/article/details/88029860

管道

管道把数据作为输入,然后转换它,给出期望的输出。(早期的过滤器)

内置管道

DatePipe、UpperCasePipe、LowerCasePipe、CurrencyPipe 和 PercentPipe

自定管道

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

@Pipe({
  name: 'pipeTest'
})
export class PipeTestPipe implements PipeTransform {
  transform(value: any, ...args: any[]): any {
    args.forEach(item => (value += item))
    return value
  }
}

管道的使用

<!-- 多个值 -->
{{ 5 | pipeTest: 4:7 }}

<!-- 链式调用多个管道 -->
{{ birthday | date | uppercase}}

猜你喜欢

转载自blog.csdn.net/qq_20282263/article/details/88029860
今日推荐