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

时间:2016-11-02 20:34:52

标签: json angular typescript

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

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

我做错了什么?

3 个答案:

答案 0 :(得分:25)

您很可能忘记了导入CommonModule

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


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

答案 1 :(得分:5)

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

(我正在使用ContainerRef动态创建组件)

答案 2 :(得分:4)

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

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 {
}