如何使用 mat-radio-group 实现 select 多个选项

Question

我正在使用 mat-radio-group 来设置多个单选按钮，但我无法选择/选中多个单选按钮（单选按钮是通过遍历数组生成的）。 我还尝试对其进行编码，以便所有单选按钮都具有相同的名称，但我仍然无法 select 多个值。

    <mat-radio-group [(ngModel)]="question.answered" fxFlex>
      <mat-radio-button [disabled]="result" name="test" class="example-radio-button" [value]="answer"
        *ngFor="let answers of question.getanswers">
        {{answers}}
      </mat-radio-button>
    </mat-radio-group>

我做错了什么？

Answer 1

单选按钮不应该是多选的。 你想要一些复选框。

Answer 2

您在 mat-radio-button 上添加属性仅更改 item [name]="i" 的名称

Answer 3

我有一个类似的问题，这个结果对我有用，我将选项存储在数组中使用我的“问题”的 position，我的 object 有一个名为 position 的属性，所以我用来设置 [(ngModel)]="testAnswerDtoList [question.position]”将值存储在一个数组中，然后在单选按钮的值中，我传递一个结构化的 object，其中包含我需要的值 {position, value}。

<div *ngFor="let question of recurso.testQuestions" style="padding-left: 5%">
        <b>{{ question.position }}. {{ question.description }}</b>
        <mat-radio-group  *ngFor="let itemQuestion of question.itemQuestions"
        [(ngModel)]="testAnswerDtoList[question.position]"
        >
            <div style="padding-left: 5%">
                <mat-radio-button [value]="{
                    'testQuestionId': question.id,
                    'value':itemQuestion.position
                }">
                    {{ itemQuestion.position }} {{ itemQuestion.description }}
                </mat-radio-button>
            </div>
        </mat-radio-group>
        <br />
    </div>

TS:

testAnswerDtoList: TestAnswerDto[] = [];

我希望我已经很好地解释了对我有用的解决方案。