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

Question

我正在为我的 angular2 项目使用 PrimeNg，我正在尝试在页面中添加面板。我为此使用了以下代码，这是我从 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: Uncaught (in promise): Error: Template parse errors: 'p-header' is not a known element: 1. If 'p-header' is an Angular component, then verify that it is part of this module. 2. If 'p-header' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("

Answer 1

是版本问题。它与版本 2 一起使用。

Answer 2

随着 2.0-RC.1 primeng 的更改和到，如果您升级您的版本它会工作。

Answer 3

尝试导入 SharedModule 来解决这个问题

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

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

Answer 4

版本 8.0.0 中有一个新模块用于此。您可以添加

import {CardModule} from 'primeng/card';

解决这个问题

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

'p-header' is not a known element in PrimeNg for Angular2 application

primeng

angular