javascript - 角度 ng-repeat 的更多链接显示前几项

Question

我有一个场景，我有对象数组，我想在前几个对象上显示（应该是可配置的）。

var users = [{id:1234, name:'ABCD', role: 'XXX', lastLogin: 'XXXX'},
            {id:1235, name:'ABCDE', role: 'XXX', lastLogin: 'XXXX'},
            {id:1236, name:'ABCDF', role: 'XXX', lastLogin: 'XXXX'},
            {id:1237, name:'ABCDG', role: 'XXX', lastLogin: 'XXXX'},
            {id:1238, name:'ABCDH', role: 'XXX', lastLogin: 'XXXX'},
            {id:1239, name:'ABCDI', role: 'XXX', lastLogin: 'XXXX'}]

  <div ng-repeat="user in users">
       {{user.name}}({{user.id}}) {{$last ? ',' : ''}}
  </div>

我只想将前 2 条记录显示为 ABCD(1234)、ABCDE(1235) + 4 条。并在悬停时使用工具提示显示其他记录

ABCDF(1236)
ABCDG(1237)
ABCDH(1238)
ABCDI(1239)

每个数据都在工具提示的新行上。

Answer 1

尝试使用limitTo

像这样

<div ng-repeat="user in users | limitTo: limit">
       {{user.name}}({{user.id}}) {{$last ? ',' : ''}}
</div>

JS

$scope.limit=2;