Javascript 角度2-单选按钮双向绑定,获取隐藏元素中的值

Javascript 角度2-单选按钮双向绑定,获取隐藏元素中的值,javascript,angular2-forms,radio-group,two-way-binding,Javascript,Angular2 Forms,Radio Group,Two Way Binding,我正在从JSON加载表单 我需要以下问题的帮助 问题:单击保存按钮后,我需要获取单选按钮值true或false 但现在我在console中得到的两个单选按钮值都是“true” 用户可以同时单击这两个按钮,因为它是一个单选组,我需要一个值为true,另一个值为false,反之亦然 {name: "rado 1", type: "radio", id: "rOne", checked: true} {name: "radio 2", type: "radio", id: "rTwo", checke

我正在从JSON加载表单

我需要以下问题的帮助

问题:单击保存按钮后,我需要获取单选按钮值truefalse

但现在我在console中得到的两个单选按钮值都是“true

用户可以同时单击这两个按钮,因为它是一个单选组,我需要一个值为true,另一个值为false,反之亦然

{name: "rado 1", type: "radio", id: "rOne", checked: true}
{name: "radio 2", type: "radio", id: "rTwo", checked: true}
我的组件HTML代码

<div class="col-md-12  pb-2 pt-4">
  <form class="form-horizontal">


  <div *ngFor="let record of records"> 
  <div *ngFor="let radioButton of record.wrapper">

      <label>

        //hidden element 
        <input  type="hidden" name="{{radioButton.id}}" [(ngModel)]="radioButton.checked">

        <input 

        name="radiogroup" 

        type="radio" 

        id="{{radioButton.id}}"

        [checked]="radioButton.checked" 

        (change)="radioButton.checked = $event.target.checked" 

        [value]="radioButton.checked" 
                > 
                {{radioButton.name}}  
      </label>

  </div>
  </div>

<button class=" btn btn-primary " href="# " (click)="save() ">Save</button>

</form>
</div>`

已编辑

  <label>
    <input 

    name="radiogroup" 

    type="radio" 

    id="{{radioButton.id}}"
    [value] = "radioButton.id"
    [(ngModel)]="selectedRadioId" > 
            {{radioButton.name}}  
  </label>


编辑

  <label>
    <input 

    name="radiogroup" 

    type="radio" 

    id="{{radioButton.id}}"
    [value] = "radioButton.id"
    [(ngModel)]="selectedRadioId" > 
            {{radioButton.name}}  
  </label>


我试过了,请检查,始终选择了收音机2。哦,好的,请稍等。非常感谢,它帮助很大。我被这个问题困扰了很多天。我对你的plunker有一个问题,它没有读取数据,例如:json中的“checked:true”,单选按钮没有被选中,请检查,非常感谢,现在它已被修复。非常好的帮助,保持良好的工作状态。我试过了,请检查,始终选择收音机2。哦,好的,等一下。非常感谢,它帮助很大。我被这个问题困扰了很多天。我对你的plunker有一个问题,它没有读取数据,例如:json中的“checked:true”,单选按钮没有被选中,请检查,非常感谢,现在它已被修复。很好的帮助,保持良好的工作。
 // On click of save button show console log with values
  save(): void {
    this.records[0].wrapper.forEach((wrapper)=>{
      wrapper.checked = wrapper.id == this.selectedRadioId;
    })
    console.log(this.records[0].wrapper[0]);
    console.log(this.records[0].wrapper[1]);
  }