Javascript 具有相同选项集的多个单选按钮
我有四组单选按钮,每个按钮包含四个选项,如下代码所示:Javascript 具有相同选项集的多个单选按钮,javascript,angular,Javascript,Angular,我有四组单选按钮,每个按钮包含四个选项,如下代码所示: <div *ngFor="let index of [0,1,2,3]"> <label *ngFor="let vehicle of vehicles" class="radio"> <input type="radio" id="radio1" [value]="vehicle"
<div *ngFor="let index of [0,1,2,3]">
<label *ngFor="let vehicle of vehicles" class="radio">
<input type="radio"
id="radio1"
[value]="vehicle"
(change)="updateValues(vehicles, formArray.value, index)"
name="vehicle" formControlName="vehicle">
{{vehicle.name}} ({{vehicle.total_no}})
</label>
</div>
如何确保在前面的div中选择的值不会更新?如果问题不清楚,也附上模型
为每个车辆对象使用唯一的ID,并以此进行比较。例如
...
if(vehicles[x].id === this._prevSelectedVehicles[index].id){
x = vehicles.indexOf(this._prevSelectedVehicles[index]);
vehicles[x].total_no += 1;
x = vehicles.indexOf(selectedVehicles[index]);
vehicles[x].total_no -= 1;
this._prevSelectedVehicles[index] = selectedVehicles[index];
}
...
...
if(vehicles[x].id === this._prevSelectedVehicles[index].id){
x = vehicles.indexOf(this._prevSelectedVehicles[index]);
vehicles[x].total_no += 1;
x = vehicles.indexOf(selectedVehicles[index]);
vehicles[x].total_no -= 1;
this._prevSelectedVehicles[index] = selectedVehicles[index];
}
...