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 { }
これはコンソールのエラーの下にスローされています:-
例外:キャッチされない(約束):エラー:テンプレート解析エラー:「p-header」は既知の要素ではありません:1.「p-header」がAngularコンポーネントの場合、 2.「p-header」がWebコンポーネントの場合、このコンポーネントの「@ NgModule.schemas」に「CUSTOM_ELEMENTS_SCHEMA」を追加して、このメッセージを抑制します。
2.0-RC.1 Primengが変更され、バージョンをアップグレードすると機能します。
SharedModuleをインポートしてこの問題を解決してください
import {ChartModule, CalendarModule, SharedModule} from 'primeng/primeng';
@NgModule({
imports: [
CommonModule,
FormsModule,
CalendarModule,
SharedModule,
],
バージョンの問題でした。バージョン2で動作します。
バージョン8.0.0にはこのための新しいモジュールがあります。あなたは付け加えられます
import {CardModule} from 'primeng/card';
この問題を解決するには