Флажки и радиокнопки не отображаются должным образом в Angular 6 / PrimeNg 6 - PullRequest
Новая
       9

Флажки и радиокнопки не отображаются должным образом в Angular 6 / PrimeNg 6

0 голосов
/ 11 июня 2018

Текущее поведение Обновлен с Angular 5.2.6 => 6.0.4 и primeng 5.2.4 => 6.0.0-beta.1.Хотя флажки и переключатели по-прежнему отображаются, выбираются и выделяются, они не отображают фактическую отметку в поле, если оно выбрано, или точку в переключателе, когда выбрано.Это было проверено в Firefox 60.0.1 (64-bit), Microsoft Edge 42.17134.1.0 и Chrome 66.0.3359.181 (Official Build) (64-bit).В процессе выбора (или отмены выбора в случае флажка) не отображаются ошибки консоли.

Ожидаемое поведение Я ожидаю увидеть флажок и отображаемую точку переключателя.

Минимальное воспроизведение проблемы с инструкциями Создайте флажок или переключатель в Angular 6.0.4 с primeng 6.0.0-beta.1 и установите флажок или сделайте выбор, чтобы увидеть, чтопроверка и / или точка не отображаются.

окружение: 

Angular CLI: 6.0.8
Node: 8.9.4
OS: win32 x64
Angular: 6.0.4
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.6.8
@angular-devkit/build-angular     0.6.8
@angular-devkit/build-optimizer   0.6.8
@angular-devkit/core              0.6.8
@angular-devkit/schematics        0.6.8
@angular/cli                      6.0.8
@ngtools/webpack                  6.0.8
@schematics/angular               0.6.8
@schematics/update                0.6.8
rxjs                              6.2.0
typescript                        2.7.2
webpack                           4.8.3

Кто-нибудь еще испытывает такое поведение и / или знает об обходном пути?Спасибо.

Примечание: изначально размещено здесь https://github.com/primefaces/primeng/issues/5883, но в поисках возможного краткосрочного решения.

Ответы [ 2 ]

0 голосов
/ 27 июня 2018

В моем случае радио-кнопка не работала, потому что я использовал тему Ultima от PrimeNg, и был класс sass-файлов, который отрицательно влиял на новые PrimeIcons.Эта проблема была решена путем обновления ресурсов sass недавно выпущенной Ultima 6.0.

0 голосов
/ 12 июня 2018

Вот ваш ответ: PrimeNG 6.0.0-beta.1, выпущенный с PrimeIcons

В основном выполните следующие действия: 

npm install primeicons --save

Затем добавьте путь кваши стили в angular.json 

"styles": [
              "node_modules/primeng/resources/primeng.css",
              "node_modules/primeicons/primeicons.css",
              "src/styles.css"
            ],
...