ng-repeatを使用して複数のラジオオプションを選択できません

Question

私は出席者モジュールで作業しています。 ng-repeatを使用してデータベースからスタッフリストを表示しているところでは、PresentとAbsentのラジオオプションがあり、特定のスタッフにはプレゼントのみまたは不在のみを選択できます。ここで

は、私のスタッフリストコードです：私は1つだけ選択した場合
3）を提出した後有無
2）現状と不在で区別することができませんなど、複数のスタッフを選択することができません

<tbody data-ng-init="get_staff()"> 
    <tr ng-repeat="staff in pagedItems"> 
     <td data-title="Sl.No">{{ staff.slno }}</td> 
     <td data-title="Staff Id">{{ staff.StaffId }}</td> 
     <td data-title="Name">{{ staff.Name }}</td> 
     <td data-title="Present"><input type="radio" name="attendance" id="attendance" data-ng-model="staff.attendance" value="{{staff.StaffId}}"></td> 
     <td data-title="Absent"><input type="radio"name="attendance" id="attendance" data-ng-model="staff.attendance" value="{{staff.StaffId}}"></td> 
    </tr> 
</tbody> 

<tfoot> 
    <tr> 
     <td colspan="7"> 
      <button type="button" class="btn btn-theme" data-ng-click="add_detail()">Next</button> 
     </td> 
    </tr> 
</tfoot>  

1）ラジオオプション存在としてここではその選択されていないスタッフ

は私のAngularJSコードは

$scope.add_detail=function() 
{  
    var comArr = eval($scope.pagedItems); 
    var attendance=new Array(); 
    for(var i = 0; i < comArr.length; i++) 
    { 
     attendance.push(comArr[i].attendance); 
     alert(attendance); 
    } 
}; 

です

私はAngularJSの初心者です。親切に私を導く。前もって感謝します！

Answer 1

HTML5では、radiobuttonは、の名前というプロパティでグループ化されています。ここではng-repeatに、すべてのラジオボタンを同じnameと同じように割り当てるだけで、異なるラジオボタングループに異なる名前を割り当ててください。

例（NG-繰り返しの各列でグループ化されたラジオボタン）：

<tr ng-repeat="staff in pagedItems"> 
    <td data-title="Sl.No">{{ staff.slno }}</td> 
    <td data-title="Staff Id">{{ staff.StaffId }}</td> 
    <td data-title="Name">{{ staff.Name }}</td> 
    <td data-title="Present"><input type="radio" name="{{'attendance' + $index}}" id="attendance" data-ng-model="staff.attendance" value="{{staff.StaffId}}"></td> 
    <td data-title="Absent"><input type="radio"name="{{'attendance' + $index}}" id="attendance" data-ng-model="staff.attendance" value="{{staff.StaffId}}"></td> 
</tr>