角2.1、ラジオボタンがロード時に更新されない

Question

角度2.1の場合 - インタビュー変数のプロパティが設定されていてもヌルではなくてもラジオボタンは設定されません。

私は以下の記事を見ようとしていて、ほとんどすべての解決策を試しましたが、運が全くありませんでした。

Post1 Post2

まずセットアップ

ラジオボタン間を変更する時、この1は動作しますが、それは、ロード時に選択したラジオボタンを設定しません。

<input type="radio" [(ngModel)]="interview.interviewChannelType" name="interviewChannelTypePersonal" value="0" [checked]="interview.interviewChannelType === 0" 
           id="interviewChannelTypePersonal" required /> 
<label for="interviewChannelTypePersonal">Personlig møde</label> 
<input type="radio" [(ngModel)]="interview.interviewChannelType" name="interviewChannelTypePhone" value="1" [checked]="interview.interviewChannelType === 1" 
           id="interviewChannelTypePhone" required /> 
<label for="interviewChannelTypePhone">Telefon</label> 
<input type="radio" [(ngModel)]="interview.interviewChannelType" name="interviewChannelTypeVideo" value="2" [checked]="interview.interviewChannelType === 2" 
           id="interviewChannelTypeVideo" required /> 
<label for="interviewChannelTypeVideo">Video</label> 

第二には、これは、負荷時に選択したラジオボタンをチェックしますが、それは文句を言わない私には、ラジオボタンの間を移動しましょう

を試してみてください。

<input type="radio" (change)="interview.interviewChannelType = $event.target.value" [checked]="interview.interviewChannelType === 0" value="0" /> 
<label for="interviewChannelTypePersonal">Personlig møde</label> 
<input type="radio" (change)="interview.interviewChannelType = $event.target.value" [checked]="interview.interviewChannelType === 1" value="1" /> 
<label for="interviewChannelTypePhone">Telefon</label> 
<input type="radio" (change)="interview.interviewChannelType = $event.target.value" [checked]="interview.interviewChannelType === 2" value="2" /> 
<label for="interviewChannelTypeVideo">Video</label> 

interveiwChannelTypeは列挙型です：

export enum InterviewChannelType { 
Personal = 0, 
Phone = 1, 
Video = 2 
} 

私は私の右方向への弾みをつけることができますそこにあなたの一部を願っています！前もって感謝します。

SOLUTIONはHirenParekhさんのコメントに

感謝を発見し、彼は代わりに通常のattribueの角度プロパティとして値を使用しての私は認識して作られました。それをvalue="0"から[value]="0"に変更すると、このトリックが実行されました。

Answer 1

ラジオボタンのvalueプロパティをバインドする必要があります。最初のセットアップでは、valueプロパティを次のようにバインドします。

<input type="radio" [(ngModel)]="interview.interviewChannelType" 
        name="interviewChannelTypePersonal" 
        [value]="InterviewChannelType.Personal" 
        [checked]="interview.interviewChannelType === 0" 
        id="interviewChannelTypePersonal" required 
/> 
<label for="interviewChannelTypePersonal">Personlig møde</label> 
<input type="radio" [(ngModel)]="interview.interviewChannelType" 
        name="interviewChannelTypePhone" 
        [value]="InterviewChannelType.Phone" 
        [checked]="interview.interviewChannelType === 1" 
        id="interviewChannelTypePhone" required 
/> 
<label for="interviewChannelTypePhone">Telefon</label> 
<input type="radio" [(ngModel)]="interview.interviewChannelType" 
        name="interviewChannelTypeVideo" 
        [value]="InterviewChannelType.Video" 
        [checked]="interview.interviewChannelType === 2" 
        id="interviewChannelTypeVideo" required 
/> 
<label for="interviewChannelTypeVideo">Video</label>