Angular 在NGA中有一个mat单选按钮，用于处理反应式表单

我一直在尝试使用单选按钮从角材料与反应形式，而使用厕所，但没有成功。我成功地使用了html本机单选按钮，但当我更改为mat单选按钮时，为“second”控件选择一个值时，它将为第一个控件设置相同的值

我做错了什么？下面是演示

---

从

mat无线电组中删除表单控件

，因为您正在将方法

设置应答（应答：任意）

中的值分配给特定控件，所以无需将控件分配给该组

<mat-radio-group class="example-radio-group" [formControlName]="ctrls[currentQuestion]">

---

明白了。另一个问题是，是否可以在不使用事件的情况下以另一种方式使其工作？感谢请参阅修订。感谢您的解释。似乎有一种方法可以使用mat radio group上的formcontrol来完成此操作。。请参见修订2

<mat-radio-group class="example-radio-group">

<mat-card>
    <div id="questions-container">
        <div class="arrows" (click)="previousQuestion()">
            <div>
                <</div>
            </div>
            <div class="question-container">
                <form [formGroup]="form">

                    <h1>Question placeholder?</h1>
                    <div *ngFor="let ctrl of ctrls; let i = index">
                        <mat-radio-group *ngIf="currentQuestion == i" class="example-radio-group" [formControlName]="ctrl">
                            <mat-radio-button *ngFor="let answer of answers[currentQuestion]" [value]="answer.id">{{answer.label}}</mat-radio-button>
                        </mat-radio-group>
                    </div>
                </form>
            </div>
            <div class="arrows" (click)="nextQuestion()">
                <div>></div>
            </div>

        </div>
        <p>{{currentQuestion}}</p>
        <p>{{ctrls[currentQuestion]}}</p>
        <pre>{{form.value | json}}</pre>

</mat-card>