angular2管道的使用。

對于angular2管道,本人理解的不是很深入,希望有所幫助。ionic2項目中創(chuàng)建自定義管道方法。

運行命令 ionic g pipe YourPipeName(aaa)生成如下文件。


管道分純管道(Pure Pipe)和非純管道(Impure Pipe)。默認(rèn)情況下,管道都是純的,在自定義管道聲明時把pure標(biāo)志置為false,就是非純管道。如:(二者區(qū)別,自己百度)


記得將該component注冊到ngModule中,否則不會生效,如果想在某個組件中使用這個pipe,直接在html上寫就可以了,見下圖:


最后在需要地方使用自定義的管道:


雖然原理沒有講的很清楚,但是步驟羅列清楚了,剩下的自己摸索吧!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 管道介紹 管道可以按指定規(guī)則將模板內(nèi)的數(shù)據(jù)進行轉(zhuǎn)換。使用管道需要用管道操作符|來連接模板表達式中左邊的輸入數(shù)據(jù)和右...
    oWSQo閱讀 1,307評論 0 0
  • 下面部分內(nèi)容是參考孫亖的使用Ionic2開發(fā)Todo應(yīng)用,最好先動手實現(xiàn)一下他的代碼,或者看一次。 0 創(chuàng)建新的I...
    歡樂的樂閱讀 4,478評論 3 6
  • Ionic是一個基于Angular2的開發(fā)手機web app的框架,它包含了一整套手機端的樣式組件,和一系列的功能...
    王兆龍閱讀 1,279評論 1 1
  • 資料 官網(wǎng): https://angular.io 官網(wǎng)中文翻譯:http://www.angular.live ...
    liseri閱讀 3,289評論 0 19
  • 又是一個過得細碎的周末。 早晨仍是被隔壁抓心撓肝的裝修聲吵醒。 想著無論如何也要跟他們抗議一下,但最終還是算了,只...
    記得年時閱讀 283評論 0 0

友情鏈接更多精彩內(nèi)容