使用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"
  ]

在您的应用模块中添加ButtonModule.ts

app.module.ts

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

app.component.html

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