angular - PrimeNg 不是已知元素错误 (@angular-2.0.0 & primeng-1.0.0-beta.16)

Question

我从 Angular 2 RC5 和 PrimeNG 1.0.0-beta.13 beta 开始。我将 PrimeNg 组件作为 xModules 加载，并且在显示数据表、输入、SelectItem、按钮、模态时没有问题。但是，当我尝试使用 TabView 或 Accordion 时出现此错误。

未处理的 promise 拒绝:模板解析错误:'p-accordionTab' 不是已知元素:

我在@NgModule 中导入了 TabViewModule。目前，我更新了我的应用程序以使用 Angular 2.0.0(最终版)和 PrimeNg beta.16(最新版)，但仍然存在错误。我正在使用 webpack 对 polyfill、供应商和应用程序代码进行分块，我在 webpack 生成的 js 文件中看到 Accordion 和 tabview 模块。

我不确定我错过了什么。如果您需要更多信息，请告诉我。

提前致谢!

一些片段:

应用程序模块.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>

Answer 1

问题是 primeng 需要动画包，所以我只在 appModule 中导入 BrowserAnimationsModule。

npm 安装 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"
      ],