javascript - AngularJS 上的单选框选定项目

Question

我想知道当我使用单选按钮列表时如何设置选中的项目

我的示例代码如下所示

<div ng-repeat="vehicle in filteredVehicle">
<input type="radio" name="radiog_lite" id="radio_{{$index}}" class="css-checkbox" ng-value="vehicle" ng-model="$parent.selectedVehicle" ng-disabled="vehicle.enable == '0'" />
<label for="radio_{{$index}}" class="css-label radGroup1" ng-if="vehicle.enable == '1'"></label>
<h5>{{vehicle.vehicleTypeName}}</h5>

下面我创建了plunker，请帮我修复所选项目 所选车辆位于 $scope.selectedVehicle

<强> Plunkr

谢谢

Answer 1

您应该将 selectedVehicle 与数组中的对象绑定(bind)。其背后的原因是 Angular 将 $$hashKey 添加到每个对象。

使用

$scope.selectedVehicle = {};
$scope.filteredVehicle = {};

$http.get('data.json').then(function(d){
    angular.forEach(d.data.vehicleType, function(value, key) {
          if(value.vehicleTypeID ==  d.data.selected.vehicleTypeID){
            $scope.selectedVehicle = value;
          }
    });
    $scope.filteredVehicle = d.data.vehicleType;
});

DEMO