更多关于angular ng-repeat的链接显示前几项

时间:2015-11-05 05:49:04

标签: javascript html5 angularjs-ng-repeat angular-ui-bootstrap kendo-tooltip

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

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>

我只想显示前两条记录为ABCD(1234),ABCDE(1235)+另外4条。和 使用工具提示显示悬停时的其他记录

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

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

1 个答案:

答案 0 :(得分:1)

尝试使用 limitTo

喜欢这个

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

JS

$scope.limit=2;