Question

我有一个ng-repeat，其前20个项目通过limitTo及其动态变化-我按“阅读更多”，可见+20。

问题：我有orderBy，在“阅读更多”之后，它仅对旧数据进行订购...

我该如何解决？

-控制器-

$scope.items = [{"id":38,"updated_at":"02.05.2016"}, ... ];

$scope.showMore = function(){
    $scope.form.page_size += 20;
};

$scope.sortBy = function (propertyName) {
    $scope.propertyName = propertyName;
    $scope.reverse = (propertyName !== null && $scope.propertyName === propertyName) ? !$scope.reverse : false;
};

-html-

<table>
      <thead>
          <tr>
              <th ng-click="sortBy('updated_at')">Updated</th>
          </tr>
      </thead>
      <tbody>
          <tr ng-repeat="(index, entry) in items | limitTo:form.page_size | orderBy:propertyName:reverse track by entry.id">
               ...
          </tr>
      </tbody>
</table>

<button type="button" ng-click="showMore()">Show More</button>

Answer 1

最后将limitTo放在ng-repeat表达式中，如下所示：

<tr ng-repeat="(index, entry) in items | orderBy:propertyName:reverse track by entry.id 
    | limitTo:form.page_size">
  ...
</tr>

AngularJS ng-repeat：orderBy不会对limitTo做出反应，仅适用于旧数据

1 个答案: