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 与数组中的对象绑定。其背后的原因是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

angularjs 上的单选框所选项目

radio box selected item on angularjs

javascript

radio-button

angularjs