在Angular中，管道(Pipes)可以按照指定的規(guī)則將模板內(nèi)的數(shù)據(jù)進(jìn)行轉(zhuǎn)換。

管道種類：內(nèi)置管道、自定義管道等

內(nèi)置管道：

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

自定義管道：

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

//定義元數(shù)據(jù)

@Pipe({

name:"XXX"

})

export class XXX implements PipeTransform{?

transform(value){

//....

}

}

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

純管道：

純變更是指對基本數(shù)據(jù)類型（String、Number、Boolean等）輸入值的變更或?qū)ο笠?#xff08;Date、Array、Function、Object等）的更改。

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

非純管道：

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

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

@Pipe({

name:"XXX",

pure:false

})

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。