title: Show/hide elements in a ng-repeat
body: <p>I have a comment section on my application that I am ng-repeat-ing over. I am trying to account for a scenario where there are a large amount of comments. My thought was to hide all the comments except for a few and then make a link at the bottom of the comment section that said "More Comments(total)". When the user clicked more comments, it would display the rest of the ng-repeat items.</p>
  
  <p>So far, I've been able to hide the remaining comments by simply saying ng-show="$index &lt; 3" but I haven't come up with a way to display more after the user clicks 'More comments'. I am stuck on how to ng-show on more than one parameter. I had originally thought I could use ng-click to set a variable to true and then use it as a second parameter to ng-show, but that doesn't seem to work.</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li ng-repeat="comment in comments" ng-show="$index &lt; 3 || showMore"&gt; {{ comment }}&lt;/li&gt;
  &lt;/ul&gt;
  &lt;a ng-click="showMore"&gt;More Comments(25)&lt;/a&gt;
  </code></pre>