「p-header」は、Angular2アプリケーション用のPrimeNgの既知の要素ではありません

Question

私のangular2プロジェクトにはPrimeNgを使用していますが、ページにパネルを追加しようとしています。

私のhtmlファイルは、コードの下にあります： - - ：私は私がprimengチュートリアル（ http://www.primefaces.org/primeng/#/panel）から取ったこのためのコードの下に使用さ

<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.0-RC.1 primengと変更して、バージョンをアップグレードするとうまくいきます。

Answer 2

バージョンの問題です。バージョン2での作業。

Answer 3

はPrimeNG

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

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