angular - 无法渲染任何 PrimeNG UI 组件

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 模块，所以我尝试创建一个 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>

我已经在控制台中收到一大堆错误，从 :

开始

Template parse errors: 'p-accordionTab' is not a known element: 1. If 'p-accordionTab' is an Angular component, then verify that it is part of this module. 2. If 'p-accordionTab' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

然后文档讨论了一些 Angular 4 动画内容(？)并添加了 import {BrowserModule} from '@angular/platform-b​​rowser'; 这已经由 Angular-CLI 在 app.module.ts 所以我不知道为什么会在这里。

底线:经过一上午的努力，我仍然不知道如何渲染任何 PrimeNG 组件。

Answer 1

我认为您缺少 SharedModule:

(我需要它来使用 DataTableModule，也许 accordion 不需要它，这只是一个不同的问题？)

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