title: AngularJS double ng-repeat
body: <p>I'm working on accordion group and have two ng-repeat. Outer one repeats weeks from current week to a specific date. Inner repeats working hours sever days in each week.</p>
  
  <p>function expand(week.id) is to call database and prepare data for variable "hour". </p>
  
  <p>My problem is that when I click on one accordion-heading to show data in week#1, the rest of all other weeks(accordions) also show the same data, which makes this process very slow.</p>
  
  <p>How could I just render the trs under the heading where I clicked? E.g My scenario is when I click on heading of week#1, only trs under week#1 are rendered.</p>
  
  <p>Could anyone help me with this?</p>
  
  <pre><code>  &lt;accordion-group   ng-repeat="week in weeks"&gt;
          &lt;accordion-heading &gt;
              &lt;span ng-click="expand(week.id)"&gt;{{week.firstday}}--{{week.lastday}}&lt;/span&gt;
          &lt;/accordion-heading&gt;
          &lt;table class="table table-striped"&gt;
              &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Task&lt;/th&gt;
                  &lt;th&gt;Sun&lt;/th&gt;
                  &lt;th&gt;Mon&lt;/th&gt;
                  &lt;th&gt;Tue&lt;/th&gt;
                  &lt;th&gt;Wed&lt;/th&gt;
                  &lt;th&gt;Thu&lt;/th&gt;
                  &lt;th&gt;Fri&lt;/th&gt;
                  &lt;th&gt;Sat&lt;/th&gt;
                  &lt;th&gt;Total&lt;/th&gt;
              &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody id={{week.id}}&gt;
              &lt;tr ng-repeat="hr in hour"&gt;
  
                  &lt;td&gt; &lt;select class="form-control input-sm" ng-disabled="false"&gt;&lt;option value="hr.task_name"&gt;{{hr.task_name}}&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="number" min="0" ng-model="hr.sun" class="form-control"  placeholder="Hours" ng-disabled="true"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="number" min="0" ng-model="hr.mon" class="form-control"  placeholder="Hours" ng-disabled="true"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="number" min="0" ng-model="hr.tue" class="form-control"  placeholder="Hours" ng-disabled="true"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="number" min="0" ng-model="hr.wed" class="form-control"  placeholder="Hours" ng-disabled="true"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="number" min="0" ng-model="hr.thu" class="form-control"  placeholder="Hours" ng-disabled="true"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="number" min="0" ng-model="hr.fri" class="form-control"  placeholder="Hours" ng-disabled="true"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="number" min="0" ng-model="hr.sat" class="form-control"  placeholder="Hours" ng-disabled="true"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;span class="form-control"&gt;{{hr.sun+hr.mon+hr.tue+hr.wed+hr.thu+hr.fri+hr.sat}}&lt;/span&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
           &lt;/accordion-group&gt;
  </code></pre>