Angular Material 单选按钮行为不正常

Question

我看到一个奇怪的结果，我无法在我的 Angular 项目中正确选择单选按钮的某些选项。一旦您为单选按钮选择了一个选项，就无法改变主意

我正在尝试构建一个调查表，并认为*ngFor 是一个完美的用例。

打字稿有一个字符串数组，现在是问题的占位符。

export class AppComponent { 
    questions = [
    'Question 1',
    'Question 2',
    'Question 3',
    'Question 4'
  ];
}

前端也很简单

<mat-radio-group *ngFor="let question of questions">
  <label for="">{{ question }}</label>
  <mat-radio-button value="">True</mat-radio-button>
  <mat-radio-button value="">False</mat-radio-button>
</mat-radio-group>

这里是link to a stackblitz，我在其中重新创建了问题。

Answer 1

发生这种情况是因为您没有设置任何值。您需要将其设置为

 <mat-radio-button value="true">True</mat-radio-button>
 <mat-radio-button value="false">False</mat-radio-button>

DEMO