title: Angularjs ng-repeat inside another ng-repeat
body: <p>Consider the following html code:</p>
  
  <pre><code>&lt;div ng-repeat="article in articles"&gt;
      &lt;a ng-click="show = true; getComments(article.id)"&gt;
          &lt;p&gt;
              {{article.headline}}
          &lt;/p&gt;
  
      &lt;/a&gt;
      &lt;div ng-repeat="comment in comments" ng-class="{show: show}"&gt;
          &lt;p&gt;
              {{comment.text}}
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Let's say I have 2 articles, Article1 and Article2 and each of them have some comments.
  My goal is to show comments for an article (from server) whenever I click on article's headline. Everything is fine with the first click (no matter which article), but if I click on the second article, both Article1 and Article2 will have the same comment texts.</p>
  
  <p>p.s. => $scope.comments gets updated when getComments(article.id) is called i.e. when someone click on a headline.</p>
  
  <p>I kind of know the reason of this problem but a clarification would be great and how can i achieve my goal? any suggestions?</p>