PrimeNg Angular CLI

Question

我想使用primeNg UI框架，但它似乎並沒有工作。我在他們的網站上關注了GETSTARTED部分。一切都安裝並導入，但仍然無法正常工作。 <button pButton type="button" class="ui-button-danger"></button>嘗試一個簡單的實現，但它不會對按鈕做任何事情

Answer 1

我有類似的問題。只有那些對我有用的東西是將包中的所有樣式複製到項目樣式文件中並使用它。

在您的項目中創建一個css/scss文件，並將primeui樣式複製到您的文件中。比使用該文件。

您可以找到風格下

"yourProjectPath/node_modules/primeng/resources/primeng.min.css" 

Answer 2

這樣做：

NPM安裝：

npm install primeng --save 

在您的項目.angular-cli.json文件添加primeng風格。

"styles": [ 
    "../node_modules/primeng/resources/themes/omega/theme.css", 
    "../node_modules/primeng/resources/primeng.min.css" 
    ] 

在您的應用程序添加module.ts ButtonModule

app.module.ts

import {ButtonModule} from 'primeng/primeng'; 
@NgModule({ 
    imports: [ 
     ButtonModule 
    ] 
}) 

app.component.html

<button pButton type="button" label="Click"></button>