デフォルトの選択値ion ion-radioは反応性のあるフォームを使って動的な値を持っています

Question

私はイオンラジオを使用していますが、動的な値を持ち、反応性のフォームを使って選択したように最初の値を設定する必要があります。

<ion-list radio-group formControlName="typeName"> 
       <ion-label class="label-radio"> 
        Type 
       </ion-label> 
       <ion-item *ngFor="let option of options"> 
        <ion-label>{{option.name}}</ion-label> 
        <ion-radio [value]="option.id"></ion-radio> 
       </ion-item> 
    </ion-list> 

typescriptです：

constructor(...){ 
this.excavationInformationForm = formBuilder.group({ 
    ... 
    **IntersectionType: '',** 
    ... 

    }); 
} 

Answer 1

それをクレートときは、ちょうどそれがデフォルトで選択させる最初のオプションのIDであることを、そのコントロールの値を設定する必要があります。

this.excavationInformationForm = formBuilder.group({ 
    // ... 
    typeName: [options[0].id], 
    // ... 
}); 

編集：

データが利用できない場合トン時間、あなたは空

this.excavationInformationForm = formBuilder.group({ 
    // ... 
    typeName: [''], 
    // ... 
}); 

として、それを初期化することができ、オプションのリストが準備できたときに、コントロールの値更新：

this.excavationInformationForm.get('typeName').setValue(options[0].id);