2017-12-02 18 views
1

私は、コンポーネント・コードから値を設定したいラジオ・グループを持っています。しかし、私は[(ngModel)]を使って初期値を設定することはできません。私は、ラジオボタンが選択されていないことを示すために何かエラーや何かを得ることはありません。NgModelを使用して角度材料のラジオ・グループ入力にバインドする

<div class="form-group"> 
    <mat-radio-group [(ngModel)]="selectedStatus" formControlName="completed"> 
    <mat-radio-button [value]="1">Call Complete</mat-radio-button> 
    <mat-radio-button [value]="2">Call Incomplete</mat-radio-button> 
    </mat-radio-group> 
</div> 

コンポーネントコードスニペット:

selectedStatus: Array<string>; 



private initForm() { 
    this.eventEditForm = new FormGroup({   
     'completed': new FormControl() 
     });   
     this.selectedStatus = this.data[0].completed; 
    } 

はthis.data [0]データサービスから復帰1又は2 .completed。

+0

まあ、selectedStatusは1、または2のはずしかし、あなたは、Array としてそれを宣言しています。 1と2は数字なので、数字でなければなりません。コンパイラのエラーメッセージにそのことを示す必要があります。なぜあなたはそれを読んでいないのですか? –

+0

コンパイラはエラーを表示していません。私は番号で試してみましたが効果はありませんでした。だから少し混乱している。 –

+0

問題を再現した完全な最小例をplunkrに投稿してください。 –

答えて

1

変数selectedStatusは、文字列の配列であってはなりません。数値である必要があります。

selectedStatus: number ; 

WORKING STACKBLITZ

関連する問題