primeng 文本编辑器图标和标签未显示答案

【问题标题】：primeng text editor icon and label is not displayingprimeng 文本编辑器图标和标签未显示
【发布时间】：2019-01-31 08:45:39
【问题描述】：

我在 Angular 项目中使用的 primeng 文本编辑器中看不到按钮的图标。 enter image description here

我添加到模块：import { EditorModule } from 'primeng/editor';

在下面的 HTML 中：

<p-editor class="fa fa-xxx"  [(ngModel)]="text1" [style]="{'height':'320px'}"></p-editor>
                <p>Value: {{text1||'empty'}}</p>

                <button pButton type="button" label="Clear" icon="fa-close" (click)="text1=null"></button>

                <hr style="border-top:0px;border-color:#dde3e6">

【问题讨论】：

标签： angular6 jhipster primeng

【解决方案1】：

Primeng 依赖于primeng 图标。如果你想使用图标，你必须明确地安装它。

npm install primeicons --save

现在你需要在你的 styles.css 中导入如下图标：

@import '../node_modules/primeicons/primeicons.css';

或者您可以在 angular.json 文件中添加图标，如下所示：

"styles": [
  "node_modules/primeicons/primeicons.css",
  "node_modules/primeng/resources/themes/nova-light/theme.css",
  "node_modules/primeng/resources/primeng.min.css",
  //...
]

这里给出的所有细节PrimeNg get started

【讨论】：

执行“npm install primeicons --save”时出错
npm 错误！ Windows_NT 10.0.17763 npm 错误！ argv "C:\\Program Files\\nodejs\\node.exe" "D:\\programlar\\mergenEbys\\mergenTechEbysUI\\node_modules\\npm\\bin\\npm-cli.js" "安装" " primeicons" "--save" npm 错误！节点 v8.11.3 npm 错误！ npm v2.15.12 npm 错误！代码 EPEERINVALIDI 出现这样的错误我无法上传图片
检查这些链接以解决您的 npm 问题：[github 问题] (github.com/npm/npm/issues/10713) stackoverflow issue
angular.json 不是 JHipster webpack 配置读取的，所以这里不需要。
@GaëlMarziou 感谢您提供此信息...但我还没有尝试过 JHipster。