ionic4 自定义pipe

例子: 有个 需要根据时间转换成周几的需求，我们可以用管道过滤自定义pipe实现

1.命令

ionic g pipe pipes/convertWeek

生成下面的2个文件:

2.书写covert-week.pipe

import {Pipe, PipeTransform} from '@angular/core';

@Pipe({
    name: 'convertWeek'
})
export class ConvertWeekPipe implements PipeTransform {

    transform(value: any, args?: any): any {
        if(!value) return value;
        if(typeof value == 'string'){
            value = parseInt(value);
        }
        return  "日一二三四五六".charAt(new Date(value).getDay());
    }
}

3. 使用

• 在test.moudle.ts中声明中引入自定义pipe



• test.page.ts中定义个变量



• html页面中使用



• 页面效果

自此，大功告成！！！