Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用angularjs传递无线电值_Angularjs_Radio Button - Fatal编程技术网

用angularjs传递无线电值

用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> 视图中的选项为橙色、梨形和苹果形,但选择一个后,我希望传递数字“值” 不知道如何做到这一点在角度,我已经

我有一个表单,它有一组单选按钮(3个选项),我使用angular和ng repeat指令填充html:

<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.value),并将其绑定到您的模型(model.selectedFruit

    {{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}}