angular js ng-从范围重复单选按钮列表，并选中默认值

app.controller('radiusController', function($scope){ $scope.radii = [ {id:.25, checked:"false", name:"1/4 Mile"}, {id:.5, checked:"false", name:"1/2 Mile"}, {id:1, checked:"false", name:"1 Mile"}, {id:2, checked:"true", name:"2 Mile"}, {id:3, checked:"false", name:"3 Mile"}, {id:4, checked:"false", name:"4 Mile"}, {id:5, checked:"false", name:"5 Mile"} ]; $scope.handleRadioClick = function(radius){ window.radiochecked = radius.id; }; }); 
 
   {{radius.name}}  
  

如何根据范围半径的选中值设置要检查的默认单选按钮？ 在这种情况下，默认情况下应检查“2英里”。

plunker： http ：//plnkr.co/edit/RP9SpO1qGjn5Ua6pZJ3D？p = preview

Answer 1

简单。 虽然角度文档没有提及ng-checked，但它是可用的。

Answer 2

您可以将ng-model设置为控制器中所需的指定值

 $scope.radius.checked = $scope.radii[0] 

Answer 3

一切都很简单

ngModel拥有一个模型（我们想要商店选择的项目）
ngValue包含一个值（与此输入相关的项目）

要访问我们想要的scope ，我们应该使用$parent从ngRepeat范围ngRepeat 。

 
   {{radius.name}}   

Plunkr

Answer 4

创建一个对象来保存选定的值，如：

$ scope.selectedValue = {id：0};

更新ng-model和value属性，如下所示：

查看工作示例： http ： //plnkr.co/edit/zpNItMx13YPH0guvod0D？p = preview