angular - PrimenG 单选按钮图标未显示

Question

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

我也安装了primicons

单选按钮的代码

<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。

确保按照入门指南styles.css中angular.json的建议使用主题和图标的样式。