title: how to hide one row in ng-repeat that doesn't affect $index value
body: <p>This is my ng-repeat</p>
  
  <pre><code>   &lt;tr ng-repeat="userList in userLists" ng-if="userLists.role!='admin'"&gt;
        &lt;td data-th="S.no"&gt;{{$index+1}}&lt;/td&gt;
        &lt;td data-th="Role"&gt;{{userList.role}}&lt;/td&gt;
        &lt;td data-th="Email"&gt;{{userList.email}}&lt;/td&gt;
        &lt;td data-th="Mobile"&gt;{{userList.mobile}}&lt;/td&gt;
        &lt;td data-th="Downloads"&gt;0&lt;/td&gt;
     &lt;/tr&gt;
  </code></pre>
  
  <p>i want to hide admin from the user list. but the problem is, that also hide that $index value.</p>
  
  <p><a href="https://i.stack.imgur.com/aV5KA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aV5KA.png" alt="enter image description here"></a> </p>
  
  <p>then how to hide that properly... </p>