PrimeNG 单选按钮选择多个项目

Question

我正在使用 *ngFor 动态创建多个单选按钮，问题是它让我 select 来自 UI 的多个项目，我的代码如下：

<div class="p-col-12">
    <p>Tipo de pregunta</p>
        <div *ngFor="let tipo_pregunta of tipos_pregunta">
            <p-radioButton formControlName="tipo_de_pregunta" inputIt="tipo_pregunta.value" name="tipo_pregunta" [value]="tipo_pregunta" [label]="tipo_pregunta.label" class="p-mb-3"></p-radioButton>
        </div>
</div>

如果我静态创建按钮，例如：

<p-radioButton name="groupname" value="ps3" formControlName="console"></p-radioButton>
<p-radioButton name="groupname" value="ps4" formControlName="console"></p-radioButton>
<p-radioButton name="groupname" value="ps5" formControlName="console"></p-radioButton>

我也遇到了同样的问题，有什么解决办法吗？

注意：当我提交表单时，它只显示我点击的最后一个值，这意味着这个错误只是视觉上的，但它仍然令人困惑，我想修复它。

Answer 1

的确，它适用于 PrimeNG 7 但不适用于 PrimeNG 10，他们的 github 上有一个问题：https://github.com/primefaces/primeng/issues/9440

这是等待修复时的解决方法：

this.questionForm.valueChanges.subscribe(e => {
  this.questionForm.setValue(e, { emitEvent: false });
});

见demo

编辑：似乎它将在 PrimeNG 中得到修复 10.0.4

PrimeNG 单选按钮选择多个项目

PrimeNG radio button selecting multiple items

radio-button

primeng

angular