对于Angular2应用程序,'p-header'不是PrimeNg中的已知元素

Question

我正在使用PrimeNg作为我的angular2项目,我正在尝试在页面中添加面板.我使用下面的代码来获取primeng教程(http://www.primefaces.org/primeng/#/panel): -

我的html文件有以下代码: -

<p-panel>
   <p-header>
      Header content here
   </p-header>
  Body Content
</p-panel>

我在primeng的模块中添加了导入的必需模块: -

   import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
   import { MyComponent } from './my.component';
   import { CommonModule } from '@angular/common';
   import { SharedModule, PanelModule } from 'primeng/primeng';


 @NgModule({
  imports: [
    CommonModule, SharedModule, PanelModule
   ],
   declarations: [MyComponent],
   schemas: [CUSTOM_ELEMENTS_SCHEMA ]
   })
  export class ThemeModule { }

这在控制台中抛出以下错误: -

EXCEPTION:未捕获(在承诺中):错误:模板解析错误:'p-header'不是已知元素:1.如果'p-header'是Angular组件,则验证它是否是此模块的一部分.2.如果'p-header'是Web组件,则将"CUSTOM_ELEMENTS_SCHEMA"添加到此组件的'@NgModule.schemas'以禁止显示此消息.("

Answer 1

随着2.0-RC.1 primeng的改变,以及如果你升级你的版本,它将工作.

Answer 2

尝试导入SharedModule以解决此问题

import {ChartModule, CalendarModule, SharedModule} from 'primeng/primeng';

@NgModule({
imports: [
    CommonModule,
    FormsModule,
    CalendarModule,
    SharedModule,
],