Angular 2 md-radio-button 以编程方式设置值

Question

我正在尝试以编程方式在 md-radio-group 中设置 md-radio-button 的值。这是我的简化代码：

<md-radio-group [(ngModel)]="radioGroupValue">
    <div *ngFor="let answer of answers; let i = index">
       <md-checkbox *ngIf="isMultiple" [(ngModel)]="answer.isCorrect" [value]="i" ngDefaultControl></md-checkbox>
       <md-radio-button *ngIf="!isMultiple" [(ngModel)]="answer.isCorrect" [value]="i" ngDefaultControl></md-radio-button>
       {{ answer.text }}
    </div>
</md-radio-group>

当我将 isMultiple 从 true 更改为 false 时，我也会更新 radioGroupValue。第一次，没有选中 md-radio-button，如果我再次将 isMultiple 更改为 true 和 false，则会选中右侧的单选按钮。我该如何处理？

Answer 1

要检查 md-radio-group，我们需要在 html 模板上使用 [checked]="boolean"

<md-input-container [checked]="answer.isCorrect"> {{ answer.text }}</md-radio-button>

Angular 2 md-radio-button 以编程方式设置值

Angular 2 md-radio-button set value programatically

angular-material2

angular