Angular 带预涂剂的角型涂料

我试图使用PrimingUI框架，但它似乎根本不起作用。我在他们的网站上关注了入门部分。所有东西都已安装并导入，但仍然无法工作。要尝试一个简单的实现，但它不会对按钮做任何事情，我有类似的问题。唯一对我有效的方法是将包中的所有样式复制到项目样式文件中并使用它

在项目中创建css/scss文件，并将primeui样式复制到文件中。而不是使用那个文件

您可以在下面找到样式

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

这样做：

npm安装：

npm install primeng --save

在project.angular-cli.json文件中添加打底样式

在app module.ts中添加ButtonModule

app.module.ts

app.component.html

---

你没有得到样式？没错，只是一个简单的按钮，就像我没有使用框架一样坏的标记，请改进标记！！！我在哪里可以找到样式css文件？这似乎是一个丑陋的解决方案，应该是一个更好的方法。无论哪种方式，我都尝试过，但是当我将css代码粘贴到app.component.css文件中时，我得到了很多错误。因为它的格式很差，所以我无法看穿并尝试解决这个问题。我同意你的观点，这不是最好的解决方案，但我用它解决了它。关于格式化程序，在你的IDE中，它必须是一个能自动格式化你的代码的格式化程序。我正在使用sublime 3，但我找不到任何自动格式化程序。我只是建议你用这种方法来解决这个问题。点在样式中代表什么？'style:[../node_modules/primeng/resources/themes/omega/theme.css，../node_modules/primeng/resources/primeng.min.css]'Full path？它定义了定义节点模块文件的路径。在angular-cli.json中添加样式后，这仍然不会更改按钮停止项目，然后启动并检查控制台错误？？停止并运行项目？不重新加载，因为在运行项目期间未修改angular-cli.json文件

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

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

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