Question

は、アプリケーションを構築していると私はラジオボタンこれは私のコードでフォーム

でチェックされていないチェックしたい

<form [formGroup]="inspectionform" style="padding: 20px"> 

<ion-card *ngFor='let checklists of inspectionform.controls["inputfileds"]["controls"] ;let i=index'> 

<ion-row radio-group (ionChange)="onChange($event)"> 
    <ion-col width-30> 
     <ion-item> 
      <ion-label>Yes</ion-label> 
      <ion-radio id={{i}} value='{{checklists.controls["radiovalue"].value}}-yes' ></ion-radio> 
     </ion-item> 
    </ion-col> 


    <ion-col width-30 style="text-align:right; margin:auto"> 

     <ion-item style="text-align:left"> 
      <ion-label>No</ion-label> 
       <ion-radio id={{i}} value='{{checklists.controls["radiovalue"].value}}-no'></ion-radio> 

     </ion-item> 

    </ion-col> 

</ion-row> 

そして

</form> 

iが

let inspectionform: FormGroup; 
     let checkinputs: FormArray = new FormArray([]); 
     for (let i = 0; i < this.checklists.length; i++) { 
     checkinputs.push(
      new FormGroup({ 
      description:new FormControl(this.checklists[i].item), 
      input: new FormControl(''), 
      radiovalue: new FormControl(this.checklists[i].id), 

      }) 
     ) 
     } 

     this.inspectionform = this._formBuilder.group({ 
     inputfileds: this._formBuilder.array(checkinputs.controls) 
     }) 

としてフォームビルダーコードを有します

フォームで私はチェックされていないラジオボタンをチェックしたいと思いますが、私はまだ方法が見つかりませんでした。私はそれ

ので

onSubmit(){ 
    console.log("these radio buttons with id's are not checked") 
} 

ラジオボタンのIDのようなものは、インデックスの値がある

Answer 1

あなたの「チェックリスト」に新しいプロパティ「isSelected」を追加できるオブジェクトについてどのように行くのですか。 このオブジェクトをビューにバインドします。

<ion-item> 
     <ion-label>No</ion-label> 
     <ion-radio id={{i}} [checked]='checklists.controls.isSelected' value='{{checklists.controls["radiovalue"].value}}-no'></ion-radio> 

</ion-item> 

そして、オブジェクトを操作して、どのオブジェクトが選択されているかを知ることができます。

ビューを直接操作するのではなく、データを操作するViewModelレイヤーを取得する方が良いです。