Question

我没有在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">

Answer 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

此处提供的所有详细信息

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

1 个答案: