用angularjs传递无线电值
我有一个表单,它有一组单选按钮(3个选项),我使用angular和ng repeat指令填充html:用angularjs传递无线电值,angularjs,radio-button,Angularjs,Radio Button,我有一个表单,它有一组单选按钮(3个选项),我使用angular和ng repeat指令填充html: <div ng-repeat="fruit in fruitbasket"> <input type="radio" name="fruit" data-ng-model="fruit.isSelected">{{fruit.id}} </div> 视图中的选项为橙色、梨形和苹果形,但选择一个后,我希望传递数字“值” 不知道如何做到这一点在角度,我已经
<div ng-repeat="fruit in fruitbasket">
<input type="radio" name="fruit" data-ng-model="fruit.isSelected">{{fruit.id}}
</div>
视图中的选项为橙色、梨形和苹果形,但选择一个后,我希望传递数字“值”
不知道如何做到这一点在角度,我已经尝试了几件事,但没有成功。每次传递的值显示为nil
Angularjs中的单选按钮是如何传递对象的连接元素的?以下是您的操作方法:
$scope.fruitbasket = [
{id: "Orange", value: "1"},
{id: "Pear", value: "2"},
{id: "Apple", value: "3"}
];
$scope.model={selectedFruit:2};
{{fruit.id}
退房 @joakimbi在模型的范围内,为什么selectedFruit设置为2?我之所以这样做是因为在你的问题中,你在“Pear”上有
isSelected:true
。如果你不想预先选择一个项目,你可以设置$scope.model={}代码>@joakimbi何时使用$scope.model={};传递的对象是{“selectedFruit”=>“2”},但我真正需要传递的只是“2”。。。有什么想法吗?你能告诉我你是如何发送数据的吗?你是使用$http、$resource还是其他什么吗?@joakimbi通过一个使用$resource的水果服务发送数据
$scope.fruitbasket = [
{id: "Orange", value: "1"},
{id: "Pear", value: "2"},
{id: "Apple", value: "3"}
];
$scope.model={selectedFruit:2};
<input value="{{fruit.value}}" data-ng-model="model.selectedFruit" type="radio" name="fruit" > {{fruit.id}}