Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Angular.js显示有限的数据?_Javascript_Angularjs - Fatal编程技术网

Javascript 如何使用Angular.js显示有限的数据?

Javascript 如何使用Angular.js显示有限的数据?,javascript,angularjs,Javascript,Angularjs,关于如何使用limito显示有限的结果,我已经看到了足够多的例子。但不幸的是,它并没有像预期的那样工作。目前,它正在显示整个列表,但我想将其限制为4/4块中的8个键、值项 这是你的电话号码 {{key+“”+value} var app=angular.module('smallcaseApp',[]); app.controller('stockCtrl',函数($scope,$http){ $http.get(“data.json”).then(函数(响应){ $scope.stoc

关于如何使用
limito
显示有限的结果,我已经看到了足够多的例子。但不幸的是,它并没有像预期的那样工作。目前,它正在显示整个列表,但我想将其限制为4/4块中的8个键、值项

这是你的电话号码

  • {{key+“”+value}
var app=angular.module('smallcaseApp',[]); app.controller('stockCtrl',函数($scope,$http){ $http.get(“data.json”).then(函数(响应){ $scope.stocks=response.data.price; }); });
首先,你的plunkr不工作,angular js链接应该高于任何其他js(你的应用程序js)


您正在一个
对象中进行迭代,对于使用limito,这里已经有一个很好的示例,请查看

,limito输入应该是数组或字符串/数字。您需要创建自定义筛选器来处理它。这是为你的问题工作的plunk

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;
};
}]);
app.filter('objLimitTo',[function(){
返回功能(obj,限制){
如果(obj){
var keys=Object.keys(obj);
如果(键长<1){
返回[];
}
}
var result={},
计数=0;
角度。forEach(键,函数(键){
如果(计数>=限制){
返回false;
}
结果[键]=对象[键];
计数++;
});
返回结果;
};
}]);

添加一个有效的弹夹。你的不起作用。它已更新。请检查。根据这里的文档:,输入类型可以是
Array/Array-like、string或number
。它不适用于js对象。
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;
};
}]);