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];

} 

...