检查未在angular2 / ionic2

时间:2017-02-17 17:45:08

标签: javascript angular typescript ionic2

正在构建一个应用程序,我想检查哪些单选按钮没有在表单中检查

这是我的代码

<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是索引

的值

1 个答案:

答案 0 :(得分:0)

您可以在“检查清单”对象中添加新属性“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图层来操纵你的数据,而不是直接操纵你的视图。