Angular-cli、PrimeNG 和 angular-cli

Question

有人可以帮忙吗:我正在尝试让 PrimeNG 与使用 angular-cli 创建的 Angular 应用程序一起工作。我在我的新应用程序(使用 CLI 创建)中安装了 PrimeNG，但我无法使样式生效。 PrimeNG 网站指出我需要将以下内容添加到我的 Index.html

href="../node_modules/primeng/resources/themes/omega/theme.css"
href="/node_modules/primeng/resources/primeng.min.css"
href="./assets/font-awesome-4.7.0/css/font-awesome.min.css"

请注意，我已经尝试过了，我尝试将它们添加到 angular-cli.json 文件样式数组中，现在仍然很幸运。

"styles": [
        "styles.css",
        "../node_modules/primeng/resources/themes/omega/theme.css",
        "../node_modules/primeng/resources/primeng.min.css",
        "./assets/font-awesome-4.7.0/css/font-awesome.min.css"
      ]

有人可以帮忙吗

提前致谢。

Answer 1

在您的项目文件夹中有一个名为 styles.css 的文件夹，进入该文件夹并尝试此操作。

/* You can add global styles to this file, and also import other style files */
@import url('../node_modules/primeng/resources/themes/omega/theme.css');
@import url('../node_modules/primeng/resources/primeng.min.css');
@import url('../node_modules/font-awesome/css/font-awesome.min.css');
@import url('../node_modules/bootstrap/dist/css/bootstrap.min.css');