значок текстового редактора primeng и метка не отображаются - PullRequest
Новая
       15

значок текстового редактора primeng и метка не отображаются

0 голосов
/ 31 января 2019

Я не вижу значков кнопок в основном текстовом редакторе, который я использую в проекте Angular. введите описание изображения здесь

Я добавил в модуль: 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">

1 Ответ

0 голосов
/ 31 января 2019

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, начинайте

...