angular - 选择多个项目的 PrimeNG 单选按钮

Question

我正在使用 *ngFor 动态创建多个单选按钮，问题是它允许我从 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