2017-06-12 48 views
3

好吧,我只是想爲Angular 4安裝PrimeNG UI組件,並且我無法管理它。無法管理渲染任何PrimeNG UI組件

我跟隨這位官員「PrimeNG setup」,但我覺得指示非常差和誤導。

我使用角CLI V1.1.1,節點V7.9.0

第1步:

我創建

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

ng serve一個新的角度,CLI項目: OK on localhost:4200

第2步

他們說import {AccordionModule} from 'primeng/primeng';import {MenuItem} from 'primeng/primeng';

這不是說哪裏,但我想這進入app.module.ts

它也沒有說(很差勁的文檔),但我認爲我必須做一些像

imports: [ 
    BrowserModule, 
    AccordionModule 
    ], 

編譯OK,ng serve還OK

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

我已經在控制檯中錯誤的SH * t加載,首先:

模板解析錯誤: '對accordionTab' 不是一個已知的元素: 1.如果「P -accordionTab'是一個Angular組件,然後驗證它是否是該模塊的一部分。 2.如果'p-accordionTab'是一個Web組件,然後將'CUSTOM_ELEMENTS_SCHEMA'添加到此組件 的'@ NgModule.schemas'以禁止此消息。

然後對一些角4動畫的東西(?)的文檔會談,並添加這已經是由角CLI在app.module.ts產生的,所以我不知道這是爲什麼這裏import {BrowserModule} from '@angular/platform-browser';。底線:在整個上午奮鬥之後,我仍然不知道如何渲染任何PrimeNG組件。

回答

2

我想你錯過了SharedModule

(?我需要它使用DataTableModule,也許它並不需要爲手風琴而這僅僅是一個不同的問題)

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

哦,是的,這是它。我還有一些錯誤,比如'在項目中包含BrowserAnimationsModule',但最後它開始工作。謝謝!他們真的需要處理他們的文檔... -_-' –

+0

是啊,不記得在文檔中看到這個 – Amit

+0

討厭這種角度的樣板文件... –