Angular-cli、PrimeNG和angular-cli

Question

有人能帮我吗:我正在尝试让PrimeNG与一个用angular-cli创建的Angular应用程序一起工作。我在我的新应用程序中安装了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');

Answer 2

你应该检查你的路径和文件，这些设置可能已经过时了。例如，使用omega/theme.scss而不是css的primeNG is delivered。您的node_modules目录中可能不存在此文件。

我在我的angular-cli中使用了以下设置，它似乎工作得很好：

  "styles": [
    "styles.css",
    "../node_modules/primeng/resources/primeng.css"
  ]

请注意，angular-cli (beta-30)会将这些文件内容附加为<style>标记。

此外，在过去的几天里，我也做了类似的事情(使用primeNG组件的angular-cli项目)--试试我的(仍在构建中) demo repository，它使用primeUI作为样式，但它可能会有所帮助。您可能希望查看此项目中的angular-cli.json。