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>