Angular2-管道

<span style="color: #008000">//<span style="color: #008000"> 导入模块
import {Pipe,PipeTransform} <span style="color: #0000ff">from <span style="color: #800000">"<span style="color: #800000">@angular/core<span style="color: #800000">"<span style="color: #000000">;
<span style="color: #008000">//<span style="color: #008000"> 管道名称
<span style="color: #000000">@Pipe({
name: <span style="color: #800000">"<span style="color: #800000">calculatePipe<span style="color: #800000">"<span style="color: #000000">
})
export <span style="color: #0000ff">class<span style="color: #000000"> CalculatePipe implements PipeTransform {
<span style="color: #008000">/<span style="color: #008000">参数说明:
value是在使用管道的时候,获取的所在对象的值
后面可以跟若干个参数
* arg: 自定义参数,数字类型,使用的时候,使用冒号添加在管道名称后面
<span style="color: #008000">/<span style="color: #000000">
transform(value:number,arg:number) {
<span style="color: #0000ff">return value <span style="color: #800080">10 *<span style="color: #000000"> arg;
}
}

@Pipe管道的例子

[(ngModel)]= name= =/>

{{ number | calculatePipe : }}