mat-radio-group角反応性フォームのデフォルト値をバインドする方法

Question

私の場合、デフォルト選択としてアクティブなオプション01が必要です。それはchecked = trueプロパティで動作していますが、valueはformControlName = "options"にバインドされていません。ユーザーが任意のオプションを選択したときにバインドされます。ユーザ選択オプション値が「null」として表示されない場合

<div class="row"> 
     <mat-radio-group formControlName="options"> 
     <mat-radio-button checked=true value="1">Option 01</mat-radio-button> 
     <mat-radio-button value="2">Option 02</mat-radio-button> 
     </mat-radio-group> 
    </div> 

親切にこの問題を解決するために私を助けてください。ありがとうございました。

constructor(private fb: FormBuilder) { 
    this.myForm = this.fb.group({ 
    options: ['1'] 
    }) 
} 

、その後、あなただけのchecked属性を削除します：

Answer 1

は何がやりたいことはcheckedを削除し、代わりにあなたのformControlに事前に選択された値を設定するので、あなたがあなたのフォームを作成するときです

<mat-radio-group formControlName="options"> 
    <mat-radio-button value="1">Option 01</mat-radio-button> 
    <mat-radio-button value="2">Option 02</mat-radio-button> 
</mat-radio-group> 

DEMO：https://plnkr.co/edit/8QiJmwPd0p5ywpvpTnCx?p=preview