Angular数据管道找不到

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个小时来解决这个问题，并在谷歌上搜索错误信息，

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

只是为了在将CommonModule添加到导入或添加到提供商然后注入到Component和Service文件时得到相同的重复建议。

为了帮助那些和我犯同样愚蠢错误的人，请检查你是否将添加到app.module.ts声明中。第一。你甚至不需要做任何其他事情(导入CommonModule之类的)就可以使用Angular的管道。

Answer 3

对于更大、更复杂的应用，确保正确导入了整个依赖树。

我遇到了这个错误，因为在父模块文件中丢失了一块。具体来说，出现错误的组件没有将其声明模块导入到主应用模块中。其他一切都是正确的:从Angular中导入CommonModule(用于date管道)，在自己的模块中声明出错的模块，从自己的模块中导出出错的模块。