2

我想创建一个由很棒的 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 库?

谢谢

- - 更新 - - -

这是使用 jhipster 模块作为引导材料时的错误

在此处输入图像描述

我试过安装

npm install generator-jhipster:modules

但同样的错误

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

这是我对primeng的错误。css 有问题。所有按钮看起来都一样。为什么???

在此处输入图像描述

这是我的 vendor.scss 文件:

在此处输入图像描述

4

1 回答 1

3

最后按照这个答案手动添加了primeng并且效果很好。

将 PrimeNG 与 JHipster 集成的步骤

于 2018-09-27T23:09:29.323 回答