从角度ng重复中隐藏最后2条记录

Hide last 2 records from angular ng-repeat

本文关键字：隐藏 最后 2条 记录 ng      更新时间：2023-09-26

我有一个带有ng-repeat属性的表，该属性填充来自WS的数据，我隐藏了最后一条记录，因为我不需要ng-hide="$last"。现在WS有一个更新，我需要隐藏最后2条记录，但我不知道该怎么做。

我有这样的东西。

<table>
  <tr ng-repeat="d in exportData.result" ng-hide="$last">
     ...code....
  </tr>
</table>

对此有任何帮助。

替换 

d in exportData.result

自：

d in (exportData.result.slice(0, exportData.result.length-2))

另一种方法是在控制器中执行相同的操作。

为什么不在ngRepeat上使用Angular的limitTo过滤器呢？

 <tr ng-repeat="d in exportData.result | limitTo:quantity">

然后在控制器中更新数量以反映新的所需值

$scope.quantity = $scope.exportData.result.length - 2;

我会从ng-repeat调用一个函数：

<table>
  <tr ng-repeat="d in getTruncatedArray()">
     ...code....
  </tr>
</table>

在控制器中：

$scope.getTruncatedArray = function() {
    return exportData.result.slice(0, exportData.result.length - 2));
}

解释

我建议您调用一个方法，而不是直接在HTML中编写"过滤器"。调用方法将保持HTML干净，并使"过滤器"易于更新/修改。

彼此肮脏的方式:)

<tr ng-repeat="d in exportData.result track by $index" ng-show="$index < exportData.result.length -2">
    ...code....
</tr>

不要忘记ng-show/hide创建dom元素，它只玩css可见性，过滤你的数组，@nashter建议避免这种行为。

参见小提琴

<div ng-controller="MyCtrl">
<div ng-repeat="line in lines">
<div class="preview" ng-hide="((lines.length-2)==$index)||($index==$last)">{{$index}}   </div>
</div>

相关文章：