Angularjs 如何在ng repeat中隐藏一行不'；不要影响$index值

这是我的重复

   <tr ng-repeat="userList in userLists" ng-if="userLists.role!='admin'">
      <td data-th="S.no">{{$index+1}}</td>
      <td data-th="Role">{{userList.role}}</td>
      <td data-th="Email">{{userList.email}}</td>
      <td data-th="Mobile">{{userList.mobile}}</td>
      <td data-th="Downloads">0</td>
   </tr>

{{$index+1}}
{{userList.role}
{{userList.email}
{{userList.mobile}
0

我想从用户列表中隐藏管理员。但问题是，这也隐藏了$index的值

---

那么如何正确地隐藏它

如果仅显示具有“管理员”角色的用户

 <tr ng-repeat="userList in userLists | filter:{role:'admin'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

<tr ng-repeat="userList in userLists | filter:{role:'user'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

{{$index+1}}
{{userList.role}
{{userList.email}
{{userList.mobile}
0

如果仅显示具有“用户”角色的用户

 <tr ng-repeat="userList in userLists | filter:{role:'admin'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

<tr ng-repeat="userList in userLists | filter:{role:'user'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

{{$index+1}}
{{userList.role}
{{userList.email}
{{userList.mobile}
0

如果仅显示具有“管理员”角色的用户

 <tr ng-repeat="userList in userLists | filter:{role:'admin'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

<tr ng-repeat="userList in userLists | filter:{role:'user'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

{{$index+1}}
{{userList.role}
{{userList.email}
{{userList.mobile}
0

如果仅显示具有“用户”角色的用户

 <tr ng-repeat="userList in userLists | filter:{role:'admin'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

<tr ng-repeat="userList in userLists | filter:{role:'user'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

{{$index+1}}
{{userList.role}
{{userList.email}
{{userList.mobile}
0

如果仅显示具有“管理员”角色的用户

 <tr ng-repeat="userList in userLists | filter:{role:'admin'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

<tr ng-repeat="userList in userLists | filter:{role:'user'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

{{$index+1}}
{{userList.role}
{{userList.email}
{{userList.mobile}
0

如果仅显示具有“用户”角色的用户

 <tr ng-repeat="userList in userLists | filter:{role:'admin'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

<tr ng-repeat="userList in userLists | filter:{role:'user'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

{{$index+1}}
{{userList.role}
{{userList.email}
{{userList.mobile}
0

如果仅显示具有“管理员”角色的用户

 <tr ng-repeat="userList in userLists | filter:{role:'admin'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

<tr ng-repeat="userList in userLists | filter:{role:'user'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

{{$index+1}}
{{userList.role}
{{userList.email}
{{userList.mobile}
0

如果仅显示具有“用户”角色的用户

 <tr ng-repeat="userList in userLists | filter:{role:'admin'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

<tr ng-repeat="userList in userLists | filter:{role:'user'}" >
  <td data-th="S.no">{{$index+1}}</td>
  <td data-th="Role">{{userList.role}}</td>
  <td data-th="Email">{{userList.email}}</td>
  <td data-th="Mobile">{{userList.mobile}}</td>
  <td data-th="Downloads">0</td>
 </tr>

{{$index+1}}
{{userList.role}
{{userList.email}
{{userList.mobile}
0

您应该在ng Repeat上使用过滤器，它工作正常。感谢您的回复…您应该在ng Repeat上使用过滤器，它工作正常。感谢您的回复…您应该在ng Repeat上使用过滤器，它工作正常。感谢您的回复…您应该在ng Repeat上使用过滤器，它工作正常。感谢您的回复。。。