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> 

내가

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

,691 같은 양식 빌더 코드를

양식을 제출 한 후 확인되지 않은 라디오 버튼을 확인하고 싶습니다. 그러나 아직 방법을 찾지 못했습니다. 나는 그것을

그래서

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 레이어를 얻는 것이 좋습니다.