Angular 2中的JSON管道无法正常工作

Question

当我尝试通过JSON管道管道我的数据时,我在控制台中收到以下错误:

Unhandled Promise rejection: Template parse errors:
The pipe 'json' could not be found (...

我究竟做错了什么？

Answer 1

很可能你忘了导入CommonModule:

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


@NgModule({
    ...
    imports: [ CommonModule ]
    ...
})

Answer 2

在我的情况下CommonModule已添加，但该组件不是任何模块声明的一部分

（我通过使用动态创建组件ContainerRef）

Answer 3

你的组件的父模块应该是这样的。

import {NgModule} from '@angular/core';
import {AuditTrailFilterComponent} from './components/audit-trail-filter/audit-trail-filter.component';

import {CommonModule} from '@angular/common'; <-- This is important !!!!

@NgModule({
  imports: [
    CommonModule, <-- This is important !!!!
  ],
  declarations: [AuditTrailFilterComponent],
  exports: [
    AuditTrailFilterComponent
  ]
})
export class AuditTrailModule {
}