Angular 如何处理多个单选按钮-角度

这里我有一个是或否问题的列表，并提供单选按钮选择是或否。我为用户提供每个问题的单独答案，并提供两个按钮，即全部是和全部否

个人选择很好，但单击按钮选择全部是或全部否，我不知道如何绑定以及如何收集每个问题的值

{{question.id}
对
否

都是
完全没有
提交
清楚的

为单选按钮设置

[value]

属性，然后使用

ngModel

进行双向绑定，并向模型中添加一些属性，如

isSelected

，以便为所有类似项设置true/false

<div *ngFor="let question of questionsList; let i=index; ">
    <label>
            {{question.id}} 
        <input type="radio" [value]="true" [(ngModel)]="question.isSelected"  [name]='i+1'>
            <span>Yes</span>
        <input type="radio" [value]="false" [(ngModel)]="question.isSelected"  [name]='i+1' >
            <span>No</span><br>
    </label>
</div>

---

为单选按钮设置

[value]

属性，然后使用

ngModel

进行双向绑定，并向模型中添加一些属性，如

isSelected

，以设置所有

<div *ngFor="let question of questionsList; let i=index; ">
    <label>
            {{question.id}} 
        <input type="radio" [value]="true" [(ngModel)]="question.isSelected"  [name]='i+1'>
            <span>Yes</span>
        <input type="radio" [value]="false" [(ngModel)]="question.isSelected"  [name]='i+1' >
            <span>No</span><br>
    </label>
</div>

---

首先，将按钮类型更改为类型标签。然后可以为标记指定id和值

---

另一个解决方案是，您可以将更改或单击事件添加到按钮，并通过单击方法向javascript中的函数发送一些值。

首先，将按钮类型更改为类型标记。然后可以为标记指定id和值

---

另一个解决方案是，您可以将更改或单击事件添加到按钮中，并通过单击方法向javascript中的函数发送一些值。

这是使用单选按钮的唯一示例

.HTML

---

这是使用单选按钮的唯一示例

.HTML

---

谢谢你的回答。在这里，我不想一开始就填写任何答案。但是在这种情况下，当自己加载时，它被选中了。那么如何处理呢？@royal只需从数据数组中删除

isSelected

属性，并设置数据数组的类型@jitender，Shafeeq，而不是使用您已经拥有的[value]（ngModel）]，只需给变量“question.isSelected”赋值即可@Eliseon你有没有试过如果这样做有效的话我想如果我们删除[value]就不行了谢谢你的回答..这里我不想一开始就填写任何答案。但是在这种情况下，当自己加载时，它被选中了。那么如何处理呢？@royal只需从数据数组中删除

isSelected

属性，并设置数据数组的类型@jitender，Shafeeq，而不是使用您已经拥有的[value]（ngModel）]，只需给变量“question.isSelected”赋值即可@Eliseon你试过了吗？如果我们删除[value]Shafeeq，不使用checked，也不使用[value]你已经[ngModel]，简单地给变量“radio”赋值Shafeeq，不使用checked，也不使用[value]你已经[ngModel]，简单地给变量“radio”赋值

<div class="form-check-inline">
    <label class="form-check-label">
    <input type="radio" class="form-check-input"  checked="!checked" name="radio"  [(ngModel)]="radio" [value]="true">active
  </label>
</div>
<div class="form-check-inline">
  <label class="form-check-label">
    <input type="radio" class="form-check-input" 
                      checked="!checked"name="radio1"  [(ngModel)]="radio1" [value]="true">Deactive
  </label>
</div>
<button (click)="print( radio,radio1)"> shaa</button>

  radio=false;
radio1=false;
  print(){
  console.log(this.radio,this.radio1)
  this.radio = false;
  this.radio1 = false;
}