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

Question

我从Angular 2 RC5和PrimeNG 1.0.0-beta.13 beta开始.我正在将PrimeNg组件加载为xModules,并且在显示Data Table,Input,SelectItem,Buttons,modals时没有任何问题.但是,当我尝试使用TabView或Accordion时,我收到此错误.

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

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

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

提前致谢!

一些片段:

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>

Answer 1

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

npm 安装 primeng

npm install primeng --save

应用程序模块.ts

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {AccordionModule} from 'primeng/primeng';

@NgModule({
    imports: [
        AccordionModule,
        BrowserAnimationsModule
    ],
})

应用程序组件.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"
      ],