Javascript 如何在ng repeat表中查找单选按钮值? 请帮助我查找以下代码的所有选定单选按钮id。

Javascript 如何在ng repeat表中查找单选按钮值? 请帮助我查找以下代码的所有选定单选按钮id。,javascript,jquery,angularjs,radio-button,Javascript,Jquery,Angularjs,Radio Button,下面是我的HTML的大致情况 <div ng-app="MyApp"> <div ng-controller="MyCtrl"> <div> <table cellpadding="2" cellspacing="2" border="1" ng-repeat="dep in DepList tra

下面是我的HTML的大致情况

<div ng-app="MyApp">
    <div ng-controller="MyCtrl">
        <div>
            <table cellpadding="2" cellspacing="2" border="1" ng-repeat="dep in DepList track by $index">
                <tr>
                    <th> Name </th>
                </tr>
                <tr ng-repeat="item in ContactsList | findobj: dep.groupid">
                    <td>{{item.name}}</td>
                    <td><input type="radio" name="radius+{{$parent.$index}}" data-ng-value="{{item.id}}" ng-model="UniqueId" selected="true" /></td>
                </tr>
            </table>
        </div>
        <div>
            <button ng-click="Select()">Select</button>
        </div>
    </div>
</div>

$scope几乎没有问题。ContactsList使用单选按钮绑定时,您将每个元素的id绑定为单选按钮的值,如果组中不同的单选按钮具有不同的值,则该值不应相同

我对它做了一些修改,为每个单选按钮赋予不同的值。我还创建了一个selectedContact列表,在该列表中,我将使用所属的组id填充所选单选按钮值

var myapp1=angular.module('MyApp',[]);
myapp1.controller('MyCtrl',函数($scope){
$scope.DepList=[{
副署长:"电脑",
groupid:“1”
}, {
副署长:“英语”,
groupid:“2”
}];
$scope.ContactsList=[{
名称:“Sijith”,
id:“1”,
groupid:“1”
}, {
姓名:“迪帕克”,
id:“1”,
groupid:“2”
}, {
名称:“Libi das”,
id:“2”,
groupid:“2”
}, {
名称:“Noufal”,
id:“2”,
groupid:“1”
}, {
姓名:“Jijo”,
id:“3”,
groupid:“2”
}];
$scope.selectedContact=[];
$scope.Select=函数(){
警报(“组id 1选定联系人id:+$scope.selectedContact.groupid1”);
警报(“组id 1选定联系人id:+$scope.selectedContact.groupid2”);
};
});
myapp1.filter('findobj',function(){
返回功能(联系人列表,id){
返回联系人列表过滤器(功能(l){
if(l.groupid==id){
返回true;
}
});
};
});

名称
{{item.name}
挑选

使用“$scope”几乎没有问题。ContactsList使用单选按钮绑定时,您将每个元素的id绑定为单选按钮的值,如果组中不同的单选按钮具有不同的值,则该值不应相同

我对它做了一些修改,为每个单选按钮赋予不同的值。我还创建了一个selectedContact列表,在该列表中,我将使用所属的组id填充所选单选按钮值

var myapp1=angular.module('MyApp',[]);
myapp1.controller('MyCtrl',函数($scope){
$scope.DepList=[{
副署长:"电脑",
groupid:“1”
}, {
副署长:“英语”,
groupid:“2”
}];
$scope.ContactsList=[{
名称:“Sijith”,
id:“1”,
groupid:“1”
}, {
姓名:“迪帕克”,
id:“1”,
groupid:“2”
}, {
名称:“Libi das”,
id:“2”,
groupid:“2”
}, {
名称:“Noufal”,
id:“2”,
groupid:“1”
}, {
姓名:“Jijo”,
id:“3”,
groupid:“2”
}];
$scope.selectedContact=[];
$scope.Select=函数(){
警报(“组id 1选定联系人id:+$scope.selectedContact.groupid1”);
警报(“组id 1选定联系人id:+$scope.selectedContact.groupid2”);
};
});
myapp1.filter('findobj',function(){
返回功能(联系人列表,id){
返回联系人列表过滤器(功能(l){
if(l.groupid==id){
返回true;
}
});
};
});

名称
{{item.name}
挑选

哦,伙计。你能重新格式化你的代码吗。太乱了,天哪。你能重新格式化你的代码吗。很乱。
var myapp1 = angular.module('MyApp', []);
myapp1.controller('MyCtrl', function ($scope) {
    $scope.DepList = [
        { dep: "computer", groupid: "1" }, 
        { dep: "english", groupid: "2" }
    ];
    $scope.ContactsList = [
    {
        name: "Sijith",
        id: "1",
        groupid: "1"
    }, 
    {
        name: "Deepak",
        id: "1",
        groupid: "2"
    },
    {
        name: "Libi das",
        id: "1",
        groupid: "2"
    }, 
    {
        name: "Noufal",
        id: "1",
        groupid: "1"
    }, 
    {
        name: "Jijo",
        id: "1",
        groupid: "2"
    }]; 
    $scope.Select = function () { 
            alert($scope.UniqueId);
    };
});   
myapp1.filter('findobj', function () {
    return function (ContactsList, id) {
        return ContactsList.filter(function (l) {
            if (l.groupid == id) {
                return true;
            }
        });
    };
});