版权声明:本文为博主原创文章,未经博主允许不得转载。 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}}