UI jhipster 库

UI library for jhipster

我想创建一个由 awesome jhipster 提供支持的丰富 UI 网络应用程序。我一直在使用默认的 jipster 应用程序,我可以看到它默认使用 ng-bootstrap。

我需要使用 "chips"、"tree" 等高级组件,这些组件在 ng-bootstrap 中不可用,但在 "prime-ng" 中可用。所以我做了一些研究,发现在 jhipster 中有一个模块用于 "primeng" 和 "Bootstrap Material Design"。我试过 "prime-ng" 但不太喜欢它,因为在安装过程中它要求主题,我以后无法更改它。

对于 "Bootstrap Material Design",jhipster 模块很旧,我不确定它是否适用于 angular 6 和 jhipster > 5.x。

我的问题是:

  1. 我可以将 "Bootstrap Material Design" 与 ng-bootstrap(jhipster 的默认值)一起使用吗?他们之间有什么冲突吗??

  2. 如果我选择 "primeng",我怎样才能预览我要安装的主题??没有主题可以安装吗?? ng-bootstrap 和 primeng 之间有冲突吗??我可以更新主题吗?

  3. 有没有Jhipster官方支持的其他UI库??

谢谢

----更新-----

这是 bootstrap material

使用 jhipster 模块时的错误

我试过安装

npm install generator-jhipster:modules

但同样的错误

----------------更新--------------------

这是我在使用 primeng 时遇到的错误。 css 有一些问题。所有按钮看起来都一样。为什么???

这是我的 vendor.scss 文件:

最终按照这个答案手动添加了 primeng 并且运行良好。