angular2 pipe format

前端之家收集整理的这篇文章主要介绍了angular2 pipe format前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
import {Pipe,PipeTransform} from "@angular/core";
import {DatePipe,DecimalPipe} from "@angular/common";

@Pipe({
    name: 'format'
})
export class Format implements PipeTransform  {

    datePipe: DatePipe = new DatePipe('medium');
    decimalPipe: DecimalPipe = new DecimalPipe('en');

    transform(input:string,args:any): any {
        var format = '';
        var parsedFloat = 0;
        var pipeArgs = args.split(':');
        for(var i = 0; i < pipeArgs.length; i++) {
            pipeArgs[i] = pipeArgs[i].trim(' ');
        }

        switch(pipeArgs[0].toLowerCase()) {
            case 'text':
                return input;
            case 'decimal':
            case 'number':
                parsedFloat = !isNaN(parseFloat(input)) ? parseFloat(input) : 0;
                format = pipeArgs.length > 1 ? pipeArgs[1] : null;
                return this.decimalPipe.transform(parsedFloat,format);
            case 'percentage':
                parsedFloat = !isNaN(parseFloat(input)) ? parseFloat(input) : 0;
                format = pipeArgs.length > 1 ? pipeArgs[1] : null;
                return this.decimalPipe.transform(parsedFloat,format) + '%';
            case 'date':
            case 'datetime':
                var date = !isNaN(parseInt(input)) ? parseInt(input) : new Date(input);
                format = 'MMM d,y h:mm:ss a';
                if(pipeArgs.length > 1) {
                    format = '';
                    for(var i = 1; i < pipeArgs.length; i++) {
                        format += pipeArgs[i];
                    }
                }
                return this.datePipe.transform(date,format);
            default:
                return input;
        }
    }
}
原文链接:https://www.f2er.com/angularjs/148640.html

猜你在找的Angularjs相关文章