做一个需求用到了管道,直接贴代码吧,很好理解
官网原文在这里 点击打开链接
使用的时候
<div >{{period | OMpipe:"period"}}</div>
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({name: 'OMpipe'})
export class OMpipe implements PipeTransform {
transform(value:any, exponent:any):any {
let res = '';
if (exponent === 'period') {
switch (value) {
case 0:
res = ‘不发送’;
break;
case 1:
res = ‘发送一次’;
break;
case 2:
res = ‘循环发送’;
break;
default:
break;
}
}
if(exponent === 'repeatPeriod') {
switch (value) {
case 30:
res = '30min';
break;
case 60:
res = '1h';
break;
case 120:
res = '2h';
break;
case 180:
res = '3h';
break;
default:
break;
}
}
return res;
}
}