angular2自定义管道和内置管道

{{bigimg | coverHeadImpPath}}

 

@Pipe({
	name:'coverHeadImpPath',
})

exportclassCoverHeadImpPathPipeimplementsPipeTransform{
	constructor(publicglobalData:GlobalData){
	}

	transform(value:string,type?:string,obj?:any){
		if(value){
			value=this.globalData.fileServer+"/"+value;
		}else{
			if(type&&type=="男"){
				value="./assets/imgs/common/default_head_img02.jpg";
			}elseif(type&&type=="女"){
				value="./assets/imgs/common/default_head_img03.jpg";
			}
		}
		if(obj){
			obj.onerror=()=>{
				if(type&&type=="男"){
					obj.src="./assets/imgs/common/default_head_img02.jpg";
				}elseif(type&&type=="女"){
					obj.src="./assets/imgs/common/default_head_img03.jpg";
				}
			};
		}
		returnvalue;
	}

}

 

 

管道	功能
DatePipe	日期管道，格式化日期
JsonPipe	将输入数据对象经过JSON.stringify()方法转换后输出对象的字符串
UpperCasePipe	将文本所有小写字母转换成大写字母
LowerCasePipe	将文本所有大写字母转换成小写字母
DecimalPipe	将数值按特定的格式显示文本
CurrentcyPipe	将数值进行货币格式化处理
SlicePipe	将数组或者字符串裁剪成新子集
PercentPipe	将数值转百分比格式

 

 

日期管道

 

{{ dateTime | date:'yyyy-MM-dd HH:mm:ss'}}

{{ dateTime | date:'medium' }}

{{ dateTime | date:'short' }}

{{ dateTime | date:'fullDate' }}

{{ dateTime | date:'longDate' }}

{{ dateTime | date:'mediumDate' }}

{{ dateTime | date:'shortDate' }}

{{ dateTime | date:'mediumTime' }}

{{ dateTime | date:'shortTime' }}

 

 

letsj=Utils.dateFormat(newDate(),"yyyy-MM-ddHH:mm:ss");

 

nz-date-picker 的部分 locale 来自于 Angular 自身的国际化支持，需要在 main.ts文件中 引入相应的 Angular 语言包。

 

import { registerLocaleData } from '@angular/common';

import zh from '@angular/common/locales/zh';

registerLocaleData(zh);