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：未捕获（在承诺中）：错误：模板解析错误：＆＃39; P标头＆＃39;不是一个已知的元素： 1.如果＆＃39; p-header＆＃39;是一个Angular组件，然后验证它是否是此模块的一部分。 2.如果＆＃39; p-header＆＃39;是一个Web组件，然后添加＆＃34; CUSTOM_ELEMENTS_SCHEMA＆＃34;到了＆＃39; @ NgModule.schemas＆＃39;此组件禁止此消息。（＆＃34;

Answer 1

随着2.0-RC.1 primeng的改变，以及如果你升级你的版本它会起作用。

Answer 2

尝试导入SharedModule来解决此问题

print_to_excel

Answer 3

这是版本问题。它使用的是版本2.

Answer 4

版本8.0.0中为此提供了一个新模块。您可以添加

import {CardModule} from 'primeng/card';

解决此问题

＆＃39; P标头＆＃39;对于Angular2应用程序，它不是PrimeNg中的已知元素

4 个答案: