2017-06-20 65 views
1

我試圖在md-radio-group內編程設置一個md-radio-button的值。這裏是我的代碼簡化:Angular 2 md-單選按鈕設置值編程式

<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> 

當我改變從trueisMultiplefalse,我更新radioGroupValue了。第一次,沒有選中md-radio-button,如果我再次將isMultiple更改爲true,並且false,則檢查右側的單選按鈕。我該如何處理?

+0

看起來你拼寫'* ngIf'爲'* nfIf'使用[checked]="boolean"! – Edric

+0

是的我的壞,我沒有把我所有的代碼都變得更清潔,所以我在這裏犯了一個小錯誤^^,但是我的組件沒有語法問題(至少我在控制檯上沒有錯誤) –

+0

「md-radio-group」裏面是否允許有'md-checkbox'? – developer033

回答

1

要檢查md-radio-group,我們需要在HTML模板

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