Question

好的，我只是想为Angular 4安装PrimeNG UI组件，而且我无法管理这样做。

我正在关注这个官方的“PrimeNG setup”，但我觉得这些说明很差并且误导。

我正在使用Angular-CLI v1.1.1，Node v7.9.0

第1步：

我使用

创建一个新的Angular-CLI项目

ng new test-primeNG
cd test-primeNG
npm install primeng --save

ng serve：在localhost上可以：4200

第2步

他们对import {AccordionModule} from 'primeng/primeng';和import {MenuItem} from 'primeng/primeng';

说

没有说到哪里，但我想这会进入app.module.ts。

它也没有说（非常差的文档），但我认为我必须做类似

的事情

 imports: [
    BrowserModule,
    AccordionModule
  ],

编译确定，ng serve仍然可以

第3步

由于我导入了accordion模块，我尝试创建一个手风琴。现在不需要CSS，我只是试图在控制台中不会出错。

<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>

我已经在控制台中收到了一些错误，从：

开始

模板解析错误：'p-accordionTab'不是已知元素： 1.如果'p-accordionTab'是Angular组件，则验证它是否是此模块的一部分。 2.如果'p-accordionTab'是Web组件，则将'CUSTOM_ELEMENTS_SCHEMA'添加到此组件的'@ NgModule.schemas' 压制此消息。

然后文档讨论了一些Angular 4动画内容（？）并添加import {BrowserModule} from '@angular/platform-browser';已经由app.module.ts中的Angular-CLI生成，所以我不知道为什么会这样。

结论：在整个上午挣扎之后，我仍然不知道如何渲染任何PrimeNG组件。

Answer 1

我认为你错过了SharedModule：

（我需要它使用DataTableModule，也许手风琴不需要它，这只是一个不同的问题？）

import {AccordionModule, SharedModule} from 'primeng/primeng';
...
imports: [
    ...
    AccordionModule,
    SharedModule,
    ...
]

无法管理任何PrimeNG UI组件

1 个答案: