私はAngular 2 RC5およびPrimeNG 1.0.0-beta.13ベータ版で開始しました。PrimeNgコンポーネントをxModuleとしてロードしており、Data Table、Input、SelectItem、Buttons、modalsの表示に問題はありません。ただし、TabViewまたはAccordionを使用しようとすると、このエラーが発生します。
未処理のPromise拒否:テンプレート解析エラー: 'p-accordionTab'は既知の要素ではありません:
@NgModuleにTabViewModuleをインポートしました。現在、Angular 2.0.0(final)およびPrimeNg beta.16(latest)を使用するようにアプリを更新しましたが、まだエラーがあります。webpackを使用して、ポリフィル、ベンダー、アプリをチャンクしますコードと私はwebpackで生成されたjsファイルにアコーディオンとタブビューモジュールを見ています。
何が欠けているのかわかりません。さらに情報が必要な場合はお知らせください。
前もって感謝します!
いくつかのスニペット:
app.module.ts
import {
ButtonModule,
DataTableModule,
DialogModule,
GrowlModule,
TabViewModule,
AccordionModule } from 'primeng/primeng';
@NgModule({
...
imports: [
DataTableModule,
DialogModule,
GrowlModule,
TabViewModule,
AccordionModule
],
...
});
template.html(PrimeNGドキュメントから貼り付け)
<p-accordion>
<p-accordionTab header="Header 1">
Content 1
</p-accordionTab>
<p-accordionTab header="Header 2">
Content 2
</p-accordionTab>
<p-accordionTab header="Header 3">
Content 3
</p-accordionTab>
問題はアニメーションパッケージが必要なため、BrowseModuleAnimationsModuleをappModuleにインポートするだけです。
npm install primeng
npm install primeng --save
app.module.ts
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {AccordionModule} from 'primeng/primeng';
@NgModule({
imports: [
AccordionModule,
BrowserAnimationsModule
],
})
app.component.html
<p-accordion>
<p-accordionTab header="Header 1">
Content 1
</p-accordionTab>
<p-accordionTab header="Header 2">
Content 2
</p-accordionTab>
<p-accordionTab header="Header 3">
Content 3
</p-accordionTab>
</p-accordion>
。angular-cli.json
"styles": [
"../node_modules/primeng/resources/themes/omega/theme.css",
"../node_modules/primeng/resources/primeng.min.css"
],