2016-10-17 2 views
0

私は角度2 RC7を使用しています。角度2のラジオボタンをバインドできません

私のラジオボタンはバインドされていませんが、なぜですか?

エラーメッセージはまったく表示されません。

<input name="options" [value]="true" [(ngModel)]="gradingKey.halfScoresCount" type="radio" /> 
<input name="options" [value]="false" [(ngModel)]="gradingKey.halfScoresCount" type="radio" /> 

export class EditGradingKey { 

    halfScoresCount: string; 
    constructor(obj:any) { 
    this.halfScoresCount = "true"; //obj.halfScoresCount; 
    } 
} 
+0

'' gradingKey.halfScoresCount'でgradingKey'は何ですか? –

+0

gradingKeyは、プロパティhalfScoresCountを持つクラスインスタンスです。 gradingKeyインスタンスのプロパティにバインドされた他のプロパティは問題なく動作します;-) – Pascal

答えて

0

このplunkrで私が見つけたように私はそれをやった:http://plnkr.co/edit/pRPwDKP9wpp7hOlOgBbx?p=preview

<div class="form-group"> 
    <label>Half scores count?</label> 
    <div style="display:inline-block;" *ngFor="let answer of gradingKey.halfScoresCountAnswers"> 
     <label><input type="radio" name="answer" [(ngModel)]="gradingKey.currentAnswer" [value]="answer.value">{{answer.display}}</label> 
    </div> 
</div> 

export class EditGradingKey { 

genders: any[]; 
currentAnswer: any; 

constructor(obj: any) { 
this.genders = [ { value: 'true', display: 'Yes I want' },{ value: 'false', display: 'No I don`t' } ]; 
this.currentAnswer= obj.halfScoresCount == true ? this.genders[0].value : this.genders[1].value; 

} 
} 
関連する問題