Mat-radyo grubu açısal reaktif formlarda varsayılan değer nasıl bağlanır

Question

Durumumda, varsayılan seçenek olarak 01 seçeneğini aktif etmesi gerekir. Checked = true özelliği ile çalışmaktadır, ancak değer formControlName = "options" ile bağlanmaz, kullanıcı herhangi bir seçeneği seçtiğinde bağlayıcıdır. Herhangi bir kullanıcı seçim seçeneği değeri "null" olarak gösterilmezse.

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

lütfen bu sorunu çözmek için bana yardım edin. Teşekkür ederim.

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

ve sonra sadece checked özelliğini kaldırmak:

Answer 1

Ne yapmak istediğiniz checked kaldırmak ve bunun yerine formControl için önceden seçilmiş değeri, böylece formu oluştururken etmektir

<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