Angular I'；我正试图用角管格式化日期，但它不起作用

我在Angular 7中使用日期管道显示日期时遇到问题

我尝试过使用

date:'dd/MM/yyyy'

对其进行格式化，但没有任何效果

我还尝试将其保留为

date

，但这也没有任何作用

它显示如下：

Mon Oct 12 1992 00:00:00 GMT-0500 (Central Daylight Time)

HTML:

.ts:

不知道发生了什么事

我希望以以下格式显示日期：

dd/MM/yyyy

这是我的HTML文件：

{{employee.name}
性别
：{{employee.gender}
出生日期
：{employee.dateOfBirth}日期：'dd/mm/yyyy'}
电子邮件
：{{employee.email}
电话号码
：{{employee.phoneNumber}
接触偏好
：{{employee.contactPreference}
出生日期
：{employee.dateOfBirth}
部门
：{{雇员.部门}
是活跃的
：{{employee.isActive}

这是我的.ts文件：

从'@angular/core'导入{Component，OnInit}；
从“../models/Employee.model”导入{Employee}；
@组成部分({
templateUrl:“./list employees.component.html”，
样式URL:['./列出employees.component.css']
})
导出类ListEmployeesComponent实现OnInit{
雇员：雇员[]=[
{
id:1，
姓名：'马克'，
性别：'男性'，
contactPreference:“电子邮件”，
电邮:'emp1@fedex.com',
出生日期：新日期（'10/12/1992'），
部门:"IT",，
是的，
photoPath:'assets/images/emp1.png'
},
{
id:2，
姓名：'马蒂'，
性别：'男性'，
contactPreference:'电话'，
电话号码：7871234452，
电邮:'emp2@fedex.com',
出生日期：新日期（'05/13/1987'），
部门：'人力资源'，
是的，
photoPath:'assets/images/emp2.png'
},
{
id:2，
姓名：'约翰'，
性别：'男性'，
contactPreference:'电话'，
电话号码：7870123421，
电邮:'emp3@fedex.com',
出生日期：新日期（1990年2月22日），
部门:"IT",，
是的，
photoPath:'assets/images/emp3.png'
}
];
构造函数（）{}
恩戈尼尼特（）{
}
}

---

将值赋给“dateOfBirth”的方式不正确。 你应该这样分配它

dateOfBirth: Date = new Date ('10/12/1992');

或者，如果希望ngOnInit方法是动态的，可以在其中指定值。 在模板中，它应该是这样的

{{dateOfBirth | date : 'dd/MM/yyyy'}}

---

下面是一个有效的StackBlitz示例：

将值分配给“dateOfBirth”的方式不正确。 你应该这样分配它

dateOfBirth: Date = new Date ('10/12/1992');

或者，如果希望ngOnInit方法是动态的，可以在其中指定值。 在模板中，它应该是这样的

{{dateOfBirth | date : 'dd/MM/yyyy'}}

---

下面是一个有效的StackBlitz示例：

{{dateObj|date:'dd/MM/yyyy'}}

这对我来说是有效的，即使它的日期对象或日期字符串。下面是一个工作示例。你能分享一个复制样本吗？我相信你的意思是

出生日期=新日期（'1992年12月10日'）

。平等。不是冒号。在typescript中使用冒号代替等号。我也尝试过对date对象进行这样的格式化，但仍然什么都不做。我仍然有点困惑。

{{dateObj|date:'dd/MM/yyyy'}

这对我来说是有效的，即使它的日期对象或日期字符串。下面是一个工作示例。你能分享一个复制样本吗？我相信你的意思是

出生日期=新日期（'1992年12月10日'）

。平等。不是冒号。在typescript中使用冒号代替等号。我也尝试过对date对象进行这样的格式化，但仍然什么都不做。我仍然有点困惑。出于某种原因，这个{dateOfBirth}日期：'dd/MM/yyyy'}对我不起作用。Angular的最新版本有什么变化吗？我用的是Angular 7.1.4，我用的是Angular 7.2.3，在我的项目中效果很好。我认为没有任何变化。官方文件中仍然提到这一点。你面临的错误是什么？我已经用你的代码更新了我的StackBlitz。而且似乎效果不错。出于某种原因，这个{dateOfBirth}日期：'dd/MM/yyyy'}对我不起作用。Angular的最新版本有什么变化吗？我用的是Angular 7.1.4，我用的是Angular 7.2.3，在我的项目中效果很好。我认为没有任何变化。官方文件中仍然提到这一点。你面临的错误是什么？我已经用你的代码更新了我的StackBlitz。而且似乎效果不错。

{{dateOfBirth | date : 'dd/MM/yyyy'}}