ng-repeat内のNg-repeatとラジオボタン

Question

Ng-modelは2回のng-repeatで問題を引き起こしています。同一行の1つのラジオボタンをクリックすると、同じng-model値で他の行に影響します。

<table class="data-table -dark-header"> 
<tr> 
    <th>User Name</th> 
    <th>Read Only</th> 
    <th>Read Write</th> 
    <th>Admin</th> 
    <th>Super Admin</th> 
    <tr ng-repeat="user in wrapper_User track by user.id"> 
     <td>{{user.firstName}} {{user.lastName}} 
      <td ng-repeat="groupsWithinCompany in wrapper_Group | orderBy:'id'"> 
       <div> 

        <label class="radio-label"> 
         <span class="custom-radio"> 
          <input type="radio" name="{{user.id}}" ng-value="groupsWithinCompany.id" ng-model="user.group.id" /> 

         </span> 
         </label> 

       </div> 
      </td> 

    </tr> 

Answer 1

問題は、あなたのデータ構造であると仮定します。

次の例では動作します：

$scope.wrapper_User = [ 
    {id:1, firstName: "firstName1", lastName: "lastName1", group:{id:10}}, 
    {id:2, firstName: "firstName2", lastName: "lastName2", group:{id:20}}, 
    {id:3, firstName: "firstName3", lastName: "lastName3", group:{id:30}}, 
    {id:4, firstName: "firstName4", lastName: "lastName4", group:{id:40}} 
    ]; 

    $scope.wrapper_Group = [ 
     {id:10}, 
     {id:20}, 
     {id:30}, 
     {id:40} 
     ]; 

---

するグループIDが

DEMO in PLunkr