第一步:我们先创建一个管道文件 以xxx.pipe.ts这种格式结尾
import { Pipe, PipeTransform } from '@angular/core'; //我们需要导入的配置
@Pipe({
name: 'test' //标明为管道的名字
})
export class Test implements PipeTransform{ // PipeTransform 实现某个接口
transform(value, args?) { //方法 这是规定好的 不需要修改
return value+'TEST' //返回值
}
}
第二步:我们需要在app.module.ts 这个文件中将这个 管道 注入进来 方便 页面的注入
import {xxx } from "../pages/xxx/xxx/xxx.pipe";
@NgModule({
declarations: [
xxx //并在这里声明
]})
entryComponents: [xxx]//这里也要声明
第三步:我们需要在对应的过滤ts文件 中注入 import { Component,Pipe } from '@angular/core';
最后:我们需要在HTML页面中 添加这个管道 {{item.createTm | friendsCircleFilter}} 前面是 数据 后者是 用管道对前者过滤 friendsCircleFilter之前定义的管道名字