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;
};
}]);