这是我参与8月更文挑战的第10天,活动详情查看:8月更文挑战
方便我们在模板中对我们的数据进行格式化处理。
具体API参照官网查询使用
PipeTransform
接口@Pipe
装饰器将新建的类声明为Angular管道app.module.ts
的declarations
数组中配合新建的管道类yyyy-MM-dd hh:mm:ss
”,为了避免一个旧数据格式的不统一我们还会在模板中使用DatePipe管道来再次格式化数据,但是在IE浏览器环境new Date("2020-12-12 13:10:54")
会提示无效的时间。import { DatePipe } from "@angular/common";
import { Pipe, PipeTransform } from "@angular/core";
@Pipe({ name: "gDate", pure: true })
export class GDatePipe implements PipeTransform {
transform(value: any, ...args: any[]) {
let time = "";
if (this.isIE()) {
time = new DatePipe("en-US").transform(value.replace(/-/g, "/"), ...args);
} else {
time = new DatePipe("en-US").transform(value, ...args);
}
return time;
}
isIE(): boolean {
return "ActiveXObject" in window;
}
}