天天看點

Angular管道設定 :

管道的作用:将原始值進行處理之後顯示到thml中的工具

簡單代碼例子:

//設data=1.378294367
<h1>身高為:data | number: "1.2-3"</h1>
           

最後的結果為:1.378

這個管道的作用是:對data的資料進行裁剪:保留2整數,小數最少保留2位,最多保留3位。

常用的管道有:

| lowercase : 字元轉化為小寫

| uppercase : 字元轉化為大寫

| number : ‘2.2-3’ : 對資料進行裁剪

| data: ‘yyyy-MM-dd HH :mm: ss’ : 對日期進行格式化

| async :處理異步的流

自定義管道的設定:

使用ng指令行來生成管道的檔案:

ng g pipe pipe/name;
//管道一般放在pipe目錄下面
           

然後在name中去編寫管道的功能就可以使用了;

注:管道資料傳入直接用 : 分割開。