Question

我看到一个奇怪的结果，我无法在我的角度项目中正确选择单选按钮。选择单选按钮的选项后，您无法将想法改为其他选项

我试图建立一份调查表，并认为*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

Angular Material Radio按钮表现不正常

1 个答案: