Angular 如何使用JHipster 5+;使用底漆6+;
我试过:Angular 如何使用JHipster 5+;使用底漆6+;,angular,webpack,jhipster,primeng,Angular,Webpack,Jhipster,Primeng,我试过: (抱歉,如果这是一篇重复的文章,没有代表对此发表评论) 以及其他一些文章和stackoverflow帖子,这些文章和帖子在使用最新的JHipster 5+时都没有获得最新的Priming 6+。它基本上是有效的,但是样式有点不合适——主要是primeicons似乎不起作用 例如,我尝试了,它主要工作除了图标,如下拉箭头显示为空框,以及其他没有正确显示。我怀疑这可能与primeicons导入不正确有关 有人用这个吗?我使用全新安装的一切进行了测试,但如果真的需要,我可以发布代码。
- (抱歉,如果这是一篇重复的文章,没有代表对此发表评论)
有人用这个吗?我使用全新安装的一切进行了测试,但如果真的需要,我可以发布代码。对不起,伙计们,这对我有效,我只是在使用生成器jhipster Priming时被绊倒了,它无法开箱即用。步骤基本上是有效的,只需包括基本图标即可。无论如何,我在下面包括了完整的说明 但是,布局/css样式仍然有些不合适(可能与JHipster/bootstrap冲突),您必须调整一些官方的启动示例,例如使用
而不是旧的
样式图标
将Priming整合到JHipster项目中的步骤:
1.添加依赖项
纱线添加打底图标打底@角度/动画
- 可能需要为动画使用相同版本的Angular core,以避免出现问题
vendor.css
(或vendor.scss
中,如果使用Sass,则添加:
- 请注意,引导主题布局特别关闭。其他主题可在
node\u模块/priming/resources/themes
- 我将
添加到BrowserAnimationsModule
中,但您可以在需要的地方添加它:app.module.ts
从'@angular/platform browser/animations'导入{BrowserAnimationsModule}代码>
- 将
添加到BrowserAnimationsModule
导入数组中@NgModule
- 根据需要导入任何预充模块(遵循其示例中的文档)
就这样!现在,请遵循使用特定组件的准备文档
用
jhipster 5.2.1
,Priming 6.1.2
,和primeicons 1.0.0-beta.10进行测试
对不起,伙计们,这对我有用,我只是在使用生成器jhipster Priming
时被绊倒了,它无法正常工作。步骤基本上是有效的,只需包括基本图标即可。无论如何,我在下面包括了完整的说明
但是,布局/css样式仍然有些不合适(可能与JHipster/bootstrap冲突),您必须调整一些官方的启动示例,例如使用
而不是旧的
样式图标
将Priming整合到JHipster项目中的步骤:
1.添加依赖项
纱线添加打底图标打底@角度/动画
- 可能需要为动画使用相同版本的Angular core,以避免出现问题
vendor.css
(或vendor.scss
中,如果使用Sass,则添加:
- 请注意,引导主题布局特别关闭。其他主题可在
node\u模块/priming/resources/themes
- 我将
添加到BrowserAnimationsModule
中,但您可以在需要的地方添加它:app.module.ts
从'@angular/platform browser/animations'导入{BrowserAnimationsModule}代码>
- 将
添加到BrowserAnimationsModule
导入数组中@NgModule
- 根据需要导入任何预充模块(遵循其示例中的文档)
就这样!现在,请遵循使用特定组件的准备文档
使用
jhipster 5.2.1
、primeng 6.1.2
和primeicons 1.0.0-beta.10进行测试。10
您是否将css文件(在《官方指南》中的样式配置
下)导入了供应商的css?是的,否则样式将完全错误。它对你有用吗?嗯,现在似乎差不多有用了,样式对我来说还是有点不合适。我会继续用它做更多的测试,看看结果,否则我会发布一个回购样本。显然,generator jhipster priming
似乎不是现成的,官方的priming示例需要将fa图标更改为角度样式。您是否在您的供应商中导入了css文件(在官方指南的样式配置
下)。css?是的,否则样式将完全错误。它对你有用吗?嗯,现在似乎差不多有用了,样式对我来说还是有点不合适。我会继续用它做更多的测试,看看结果,否则我会发布一个回购样本。显然,generator jhipster priming
似乎不是现成的,官方的priming示例需要将fa图标更改为角度样式
@import '~primeicons/primeicons.css';
@import '~primeng/resources/themes/nova-light/theme.css'; // pick whatever theme
@import '~primeng/resources/primeng.min.css'