title: Displaying tables with ng-repeat containing ng-repeat
body: <p>Hi have this table displayed with angular JS .</p>
  
  <pre><code> &lt;div class="table-responsive "&gt;    
  &lt;table class="table table-bordered table-hover"&gt;
                &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;th&gt;Nom&lt;/th&gt;
                          &lt;th&gt;Pr&amp;eacutenom&lt;/th&gt;
                          &lt;th&gt;login&lt;/th&gt;
                          &lt;th&gt;email&lt;/th&gt;
                          &lt;th&gt;group&lt;/th&gt;
                      &lt;/tr&gt;           
                     &lt;/thead&gt;
  
                  &lt;tbody&gt;
                      &lt;tr ng-repeat="user in allusers "&gt;
                          &lt;td&gt;{{ user.lastname}}&lt;/td&gt;
                          &lt;td&gt;{{ user.firstname}}&lt;/td&gt;
                          &lt;td&gt;{{ user.login}}&lt;/td&gt;
                          &lt;td&gt;{{ user.email }}&lt;/td&gt;
                          &lt;td&gt;
                              &lt;select class="form-group"
                              ng-click="getAllGroupsofUser(user.id)"&gt;
            &lt;option ng-repeat="group in groupsofuser"&gt;{{group.name}}&lt;/option&gt;
                          &lt;/select&gt;
                           &lt;/td&gt;
                      &lt;/tr&gt;
  
                  &lt;/tbody&gt;        
      &lt;/table&gt; 
      &lt;/div&gt;
  </code></pre>
  
  <p>I'm consuming a RESTful Web Service with AngularJS . when I click on the select  ( in a specific user row in  the the column group ) I get the correct list but  the problem is that all the column group will  change and will have the same select options. </p>
  
  <p>how can I fix that ? </p>