使用AngularJS切片重复

时间:2016-05-24 22:09:50

标签: javascript angularjs

Angular中一个菜鸟的简单问题。

我有这样的ng-repeat:

ng-repeat="f in drillDownList['D' + 
 d.merchMetrics.DEPT_NBR + 'CG' +
 d.merchMetrics.CATG_GRP_NBR + 'C' + 
 d.merchMetrics.DEPT_CATG_NBR]

我想切片最后一条记录,因为它总是空的,它来自WS,但我不知道如何在AngularJS中实现这一点。

2 个答案:

答案 0 :(得分:2)

ng-repeat内,您可以使用变量$last

例如

<div ng-repeat="item in [1,2,3,4]">
  <div ng-if="!$last">{{item}}</div>
</div>

查看更多https://docs.angularjs.org/api/ng/directive/ngRepeat

答案 1 :(得分:1)

使用limitTo过滤器。

ng-repeat="f in drillDownList['D' + 
 d.merchMetrics.DEPT_NBR + 'CG' +
 d.merchMetrics.CATG_GRP_NBR + 'C' + 
 d.merchMetrics.DEPT_CATG_NBR] | limitTo:-1"

或者,只显示列表中的最后一项。

<div data-ng-bind="drillDownList['D' + 
 d.merchMetrics.DEPT_NBR + 'CG' +
 d.merchMetrics.CATG_GRP_NBR + 'C' + 
 d.merchMetrics.DEPT_CATG_NBR][drillDownList['D' + 
 d.merchMetrics.DEPT_NBR + 'CG' +
 d.merchMetrics.CATG_GRP_NBR + 'C' + 
 d.merchMetrics.DEPT_CATG_NBR].length-1]"
</div>

我可能建议您在Controller中进行所有连接操作吗?如果你在View端进行,它将执行每个摘要。