在Angular中，管道(Pipes)可以按照指定的規則將模板內的數據進行轉換。

管道種類：內置管道、自定義管道等

內置管道：

DataPipe,JsonPipe,UpperCasePipe,LowerCasePipe,DecimalPipe,CurrencyPipe,PercentPipe,SlicePipe

自定義管道：

import { Pipe,PipeTransform} from "@angular/core";

//定義元數據

@Pipe({

name:"XXX"

})

export class XXX implements PipeTransform{?

transform(value){

//....

}

}

Angular管道有兩種變化檢測機制，即純管道,非純管道

純管道：

純變更是指對基本數據類型（String、Number、Boolean等）輸入值的變更或對對象引用（Date、Array、Function、Object等）的更改。

變化機制策略是基于判斷基本類型的數據值或者對象的引用是否被改變。對象引用的檢測方式比遍歷對象內部所有屬性值的檢測方式要快，Angular使用的是對象引用策略。

非純管道：

Angular組件在每個變化檢測周期都會調用非純管道，并執行管道的transform()方法來更新數頁面數據。

給管道添加pure:false將其定義為非純管道。

@Pipe({

name:"XXX",

pure:false

})

總結

以上是生活随笔為你收集整理的Angular2-管道Pipe的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。