我从Angular 2 RC5和PrimeNG 1.0.0-beta.13测试版开始。我以xModules的形式加载PrimeNg组件,显示数据表、输入、SelectItem、按钮、模态没有任何问题。然而,当我尝试使用TabView或Accordion时,我得到了这个错误。
未处理的Promise rejection:模板解析错误:'p-accordionTab‘不是已知元素:
我在@NgModule中导入了TabViewModule。目前,我更新了我的应用程序,使用Angular 2.0.0 (最终版)和PrimeNg beta.16 (最新版),但仍然有错误。我正在使用webpack来分块多面填充、供应商和应用程序代码,我在由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>
发布于 2017-09-10 18:23:25
问题是原始的需要动画包,所以我只需要在appModule中导入BrowserAnimationsModule。
npm安装入门
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"
],
https://stackoverflow.com/questions/39581490
复制相似问题