angular2 學習筆記 Pipes

2022-02-12 05:01:15 字數 714 閱讀 1677

更新 : 2019-09-01

number 和 currency pipe

當我們要出美美的數字的時候就會用到了。

什麼叫美美 ?  

比如十萬, 100000 or 100,000

哪個好一點 ? 後的丫,有逗號隔開了密密的 0

這時候就要使用 | number 了

最常用的是 | number: '0.2-4', 意思是小數點前面最少乙個數字, 小數點後最少 2 個最多 4 個數字. 

| currency: 'rm': 'symbol' : '0.2-4'

pipe 就是 ng1 的 filter 

<

pre>}

pre>

用法看這裡就很清楚了 : 

要記得 pipe 盡量用 pure 的 (ng1 叫 stateful)

pure 只有在 value changed 才會觸發 ( object, array 的話要換引用哦 )

如果要用 impure 的話 (比如做 curreny convert or translate) 要自己 take care 效能哦. 

async pipe 

}

今天 async pipe 後面又接了自己的 pipe, 結果發現 async 還是很聰明的, 給我的是值而不是 obserable. 嘻嘻,我多慮了.

angular2 學習筆記(三)

建立的angular2專案中,在src資料夾中 main.ts 固定以下 主要是為了啟動頁面 import from angular platform browser dynamic platformbrowserdynamic import from angular core import fro...

Angular2學習 安裝

在安裝angular2的時候需要使用npm,npm是nodejs的包管理器,因此首先我們需要檢查node安裝與否 1 檢查nodejs和npm 1 node v 輸出 v10.2.0 版本號 代表已安裝,否則未安裝,未安裝則安裝node 2 npm v 輸出版本號代表已安裝,否則未安裝 2 安裝no...

angular2 學習路程

ps 剛剛搭建angular2 框架 記錄下學習路徑 和 遇到的問題 步驟 1.準備環境 node npm 包管理工具 node v 檢查是否成功 2.安裝全域性 angular cli 執行 npm install g angular cli g 全域性 開啟ng服務 5.瀏覽器開啟 localh...