1.新建ts文件
2.引入 Pipe，PipeTransform
import { Pipe, PipeTransform } from '@angular/core';
Pipe 是“管道元數據(pipe metadata)”裝飾器的類。
PipeTransform 是 用來實現 transform 方法
3.實現
1> import { Pipe, PipeTransform } from '@angular/core';
2> @Pipe({name: 'guandao'}) // 裝飾器 定義管道的名字
3>export class GuandaoPipe implements PipeTransform//類聲明實現PipeTransform
4>transform 方法
transform(value: string): string {

return value

}
// 接受參數 可多個
5>再入口文件 進行引入
import { GuandaoPipe } from '文件路徑';
declarations:[GuandaoPipe]
exports:[GuandaoPipe]
6> html使用
<p>{{msg | guandao}}</p>
如果需要傳入參數
<p>{{msg | guandao：arg1:agr2}}</p>
transform(value:string,arg:string,arg:string)

value 就是html裏面的msg arg1,arg 就是增加的參數
這樣就可以在transform中寫入自己想要的邏輯 來實現管道