找不到有角度的日期管道

Question

我想在 HTML 中使用 DatePipe

{{ timeslot | date }}

但我得到了错误

error NG8004: No pipe found with name 'date'

我的 app.module.ts 导入公共模块

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

@NgModule({
  imports: [
     CommonModule,
  ],
  declarations: [],
}

我做错了什么？

Answer 1

尝试将您的组件放入declarations以下位置：

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

@NgModule({
  imports: [
     CommonModule,
  ],
  declarations: [YourComponent],
}

Answer 2

我想做的就是在 HTML 中使用 Angular 管道。

{{ timeslot | date }}

我花了 2 个小时来解决这个问题并 Google 搜索错误消息，

error NG8004: No pipe found with name 'date'.

只是为了获得相同的重复建议，将 CommonModule 添加到导入中，或添加到提供程序然后注入到组件和服务文件中。

为了帮助那些犯了和我一样愚蠢错误的人，请检查您是否已将组件添加到 app.module.ts 声明中。您甚至不需要做任何其他事情（导入 CommonModule 任何内容）即可使用 Angular 管道。