{{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);