javascript - 如何使用 Angular.js 显示有限的数据？

Question

我已经看到了足够多的关于如何使用 limitTo 显示有限结果的示例。但不幸的是它没有按预期工作。目前，它显示整个列表，但我想将其限制为 4/4 block 中仅 8 个键、值项。

这是plnkr .

  <ul>
      <li ng-repeat="(key,value) in stocks |limitTo :8">
            {{key +" "+ value}}
      </li>
  </ul>

 <script>
    var app = angular.module('smallcaseApp', []);
    app.controller('stockCtrl', function($scope, $http) {
    $http.get("data.json").then(function(response) {
        $scope.stocks = response.data.price;
      });
    });
 </script> 

Answer 1

对于 limitTo，输入应该是数组或字符串/数字。您需要创建自定义过滤器来处理它。这是解决您问题的工作

app.filter('objLimitTo', [function(){
return function(obj, limit){
    if(obj){
      var keys = Object.keys(obj);
      if(keys.length < 1){
        return [];
      }
    }

    var result = {},
    count = 0;
    angular.forEach(keys, function(key){
        if(count >= limit){
            return false;
        }
        result[key] = obj[key];
        count++;
    });
    return result;
};
}]);

http://plnkr.co/edit/8d3gUqg4vHeGQWUXYrat?p=preview