未显示 PrimenG 单选按钮图标

Question

我正在尝试在我要问用户的问题旁边显示一个单选按钮。我正在使用 PrimeNg，当我编译我的代码时，我的无线电字段旁边没有空圆圈

我也安装了primeicons

单选按钮代码

<p>
    I have enough hours to cover these Absences*
</p>
<div class="ui-g-12">
    <p-radioButton
        name="group1"
        value="YES"
        label="YES"
        [(ngModel)]="YES"
        inputId="YES"
    ></p-radioButton>
</div>
<div class="ui-g-12">
    <p-radioButton
        name="group1"
        value="NO"
        label="NO"
        [(ngModel)]="NO"
        inputId="NO"
    ></p-radioButton>
</div>

这是我屏幕上输出的内容

Answer 1

这是您的代码的有效 Stackblitz，带有可见图标。

确保按照 Getting Started 指南中的建议，在 styles.css 或 angular.json 中使用主题和图标的样式。

未显示 PrimenG 单选按钮图标

PrimenG radio button icons not shown

primeng

angular

primeicons