2016-10-17 4 views
0

Я использую Angular 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' в gradingKey.halfScoresCount'? –

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

} 
} 
Смежные вопросы