angularjs - 使用 angularjs 传递无线电值

Question

我有一个包含一组单选按钮（3 个选项）的表单，我正在使用 angular 和 ng-repeat 指令来填充 html：

<div ng-repeat="fruit in fruitbasket">
  <input type="radio" name="fruit" data-ng-model="fruit.isSelected">{{fruit.id}}
</div>

水果篮的控制器内部是这样的：

$scope.fruitbasket = [{isSelected: false, id: "Orange", value: "1"}, {isSelected: true, id: "Pear", value: "2"}, {isSelected: false, id: "Apple", value: "3"}]

视图中的选项是 Orange、Pear 和 Apple，但是在选择一个之后，我想传递数字“值”

不知道如何在角度上做到这一点，我尝试了几件事，但没有成功。每次传递的值显示为nil

对象的连接元素如何从 Angularjs 中的单选按钮传递？

Answer 1

这是你如何做到的：

1. isSelected 不是必需的。水果篮不是模型的一部分，只有选定的水果才是。

   $scope.fruitbasket = [
       {id: "Orange", value: "1"},
       {id: "Pear", value: "2"},
       {id: "Apple", value: "3"}
   ];
   
   $scope.model={selectedFruit:2};
   

2. 将值 ( fruit.value ) 分配给每个选项并将其绑定到您的模型 ( model.selectedFruit )

   <input value="{{fruit.value}}" data-ng-model="model.selectedFruit" type="radio" name="fruit" > {{fruit.id}}
   

查看这个有效的 plnkr 示例。