Question

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

未处理的承诺拒绝：模板解析错误： '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 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"
      ],

PrimeNg <component>不是已知的元素错误（@ angular-2.0.0＆amp; primeng-1.0.0-beta.16）

1 个答案: