檢查未在angular2 / ionic2中選中哪些單選按鈕

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

現在在表單上提交，我想檢查未選中的單選按鈕，但我還沒有找到方法。 我該怎么辦

所以像

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

單選按鈕的id是index的值

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層來操縱數據，而不是直接操縱視圖。