复选框和单选按钮在 Angular 6/PrimeNg 6 中无法正确呈现

Question

当前行为 从 Angular 5.2.6 => 6.0.4 和 primeng 5.2.4 => 6.0.0-beta.1 升级。虽然复选框和单选按钮仍然呈现 select 并突出显示，但它们无法在 selected 时呈现框内的实际检查，或在 selected 时呈现单选按钮内的点.这已在 Firefox 60.0.1 (64-bit)、Microsoft Edge 42.17134.1.0 和 Chrome 66.0.3359.181 (Official Build) (64-bit) 中进行了测试。 selecting（或取消selecting 复选框的过程中没有显示控制台错误）。

预期行为 我希望看到呈现的复选框和单选按钮的点。

问题的最少重现说明 使用 primeng 6.0.0-beta.1 在 Angular 6.0.4 中创建一个复选框或单选按钮并选中该框或制作一个 selection 以查看 and/or 点不是正在渲染。

环境：

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

是否有其他人遇到此行为 and/or 知道解决方法吗？谢谢。

注意：最初发布于此 https://github.com/primefaces/primeng/issues/5883，但寻求可能的短期解决方案。

Answer 1

这是你的答案： PrimeNG 6.0.0-beta.1 Released with PrimeIcons

基本上，执行以下操作：

npm install primeicons --save

然后在 angular.json

中添加样式的路径

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

Answer 2

就我而言，单选按钮不起作用，因为我使用的是 PrimeNg 的 Ultima 主题，并且有一个 sass 文件 class 对新的 PrimeIcons 产生了负面影响。通过使用新发布的 Ultima 6.0 更新 sass 资源解决了这个问题。

复选框和单选按钮在 Angular 6/PrimeNg 6 中无法正确呈现

Checkboxes and Radio Buttons not rendering properly in Angular 6/PrimeNg 6

user-interface

primeng

angular

angular6