1. 前言
首先这边文章并不是告诉你如何创建复杂的pipe，而是就如何创建自定义pipe以及如何做到重用的一些实践。
2. angular内置pipe
angular框架为我们内置了许多pipe，常用的date、async ...，当然还有很多内置的pipe，这里就不一一例举了，因为不是本篇文章的重点，想了解更多内置pipe的请访问这里内置pipie官方链接
3. 自定义pipe
这里举一个例子Capitalize，目的是实现首字母大写。代码如下：
import { Pipe, PipeTransform } from '@angular/ore';
@Pipe({ name: 'capitalize' })
export class CapitalizePipe implements PipeTransform {
transform(value: any) {
if (value) {
return value.chartAt(0).toUpperCase() + value.slice(1);
}
return value;
}
}
网友评论