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

以下是您的工作方式：

不需要选择。 fruitbasket不是你的模型的一部分，只有选定的水果。

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

$scope.model={selectedFruit:2};

为每个选项指定值（ fruit.value ）并将其绑定到您的模型（ model.selectedFruit ）

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

结帐this working plnkr example。

用angularjs传递无线电值

1 个答案: