时间戳

首页 > 解决方案 > Angular 6/PrimeNg 6 中的复选框和单选按钮无法正确呈现

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

问题描述

当前行为 从 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，但寻求可能的短期解决方案。

标签： angularuser-interfaceprimengangular6

解决方案

这是你的答案： 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"
            ],

推荐阅读