获取无线电选择值并用于另一个元素-AngularJS

获取无线电选择值并用于另一个元素-AngularJS,angularjs,Angularjs,我有一个使用ng repeat生成的表,并使用单选按钮作为列。当用户选择时,我获取一些数据。现在,我必须移动到另一个页面,并使用url中选定单选按钮的值 <table> <tr ng-repeat="row in values"> <td> <input type="radio" ng-click="someMethod()"> </td> </tr> </table> <span ng-click="g

我有一个使用ng repeat生成的表,并使用单选按钮作为列。当用户选择时,我获取一些数据。现在,我必须移动到另一个页面,并使用url中选定单选按钮的值

<table>
<tr ng-repeat="row in values">
<td>
<input type="radio" ng-click="someMethod()">
</td>
</tr>
</table>

<span ng-click="goTo('someurl'+{{radioValue}})">Click Me</span>

点击我
我如何做到这一点


谢谢。

确保您的所有单选按钮都具有相同的
ng model
属性


红色

绿色
蓝色
颜色={{color.name | json}}

然后你的ng点击转到。

你需要
ng型号
(所有单选按钮都相同)和
,最好:
ng值
(包含不同的值供你选择,例如每个
元素)。绑定
ng model
本身有点棘手,所以我使用
$parent
完成了绑定,但可以随意修改

下面是一个简单的演示:

var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
$scope.values=[“/home”、“/about”、“/contacts”];
//$scope.radioValue=$scope.values[0];//默认值,否则检查是否存在未定义
$scope.goTo=函数(x){
if(x){
log(“goTo:,'someurl'+x);
}
}
});

{{row}}
点击我
<label>
    <input type="radio" ng-model="color.name" value="red">
    Red
</label><br/>
<label>
    <input type="radio" ng-model="color.name" ng-value="specialValue">
    Green
</label><br/>
<label>
    <input type="radio" ng-model="color.name" value="blue">
    Blue
</label><br/>
<tt>color = {{color.name | json}}</tt><br/>