# 1：內(nèi)置管道
date? |? json? |? uppercase? ? |? ?lowercase? |? number? ? |? ? currency? ?|? ? percent? ?|? ? ?slice
No 1：number:[整數(shù)部分保留最小位數(shù)].[小數(shù)部分保留最小位數(shù)-最多位數(shù)]
? ? ? ? ? {{price | number:'3.2-4'}}
No 2：currency:currencyCode:symbolDisplay:小數(shù)點
? ? ? ? ?{{price | currency:'USD':true:'3.4'}}
No 3：percent：小數(shù)點
? ? ? ? {{value | percent}}
? ? ? ? {{value | percent:'3.4'}}
No 4：date ?【H：24制 ? ?h：12制】
? ? ? ? {{ birthday | date: 'yyyy-MM-dd HH:mm-ss' }}
No 5：async 解包一個異步的可觀測流
# 2：自定義管道
《 demo18.pipe.ts》：
import {Pipe,PipeTransform} from '@angular/core'
@Pipe({
name:'myCurrency'
})
export class Demo18Pipe implements PipeTransform{//接口
transform(value: any, ...args: any[]): any {
?return null; ?//必須有返回值
//value管道操作符前面?zhèn)鱽淼脑贾?? ...args ?參數(shù)值【可選】
}
}
在模塊中 聲明管道：
import {Demo18Pipe} from '...'
@NgModel({
delcarations : [Demo18Pipe]
})
調(diào)用管道：
{{ expression | myCurrency}}
