用ng-repeat顯示包含ng-repeat的表格

Question

嗨，這個表格顯示角JS。

<div class="table-responsive ">  
<table class="table table-bordered table-hover"> 
       <thead> 
        <tr> 
         <th>Nom</th> 
         <th>Pr&eacutenom</th> 
         <th>login</th> 
         <th>email</th> 
         <th>group</th> 
        </tr>   
        </thead> 

       <tbody> 
        <tr ng-repeat="user in allusers "> 
         <td>{{ user.lastname}}</td> 
         <td>{{ user.firstname}}</td> 
         <td>{{ user.login}}</td> 
         <td>{{ user.email }}</td> 
         <td> 
          <select class="form-group" 
          ng-click="getAllGroupsofUser(user.id)"> 
      <option ng-repeat="group in groupsofuser">{{group.name}}</option> 
         </select> 
         </td> 
        </tr> 

       </tbody>   
    </table> 
    </div> 

我使用的是AngularJS的REST風格的Web服務。當我點擊select（在列組中的特定用戶行中）時，我得到正確的列表，但問題是所有列組都會更改，並且具有相同的選擇選項。

我該如何解決這個問題？

Answer 1

問題是user的所有行共享相同的$scope.groupsofuser。 user需要分別擁有自己的groupsofuser。

下面的代碼（沒有測試）可能會達到你想要的。

這是html。

<table> 
    <tbody> 
     <tr ng-repeat="user in allusers"> 
      <td>{{user.lastname}}</td> 
      <td> 
       <select ng-click="getAllGroupsofUser(user)"> 
        <option ng-repeat="group in user.groupsofuser">{{group.name}}</option> 
       </select> 
      </td> 
     </tr> 
    </tbody>   
</table> 

這是控制器代碼。

$scope.getAllGroupsofUser = function(user){ 
    user.groupsofuser = someservice_use_rest(user.id); 
}; 

我希望這可以幫助你。祝你好運！！