在AngularJS1中的一个ng-repeat指令中使用多个limitTo过滤器

时间:2017-04-18 18:51:56

标签: php mysql angularjs json

我的数据是从PHP的JSON文件,从MySQL数据库(XAMPP - 虚拟服务器,REST API)提取到AngularJS1。

让我们说现在我有一个带有数字的JSON,从1到31,我希望通过AngularJS1中的表达式显示8到14之间的数字。是否有可能以某种方式使用两个limitTo过滤器一个ng-repeat指令,它可以限制{{表达式}} FROM - 输出某些数据范围?我不想用我的PHP和MySQL代码进行操作。

1 个答案:

答案 0 :(得分:3)

您可以创建自定义过滤器并从ng-repeat

中调用它
.filter('slice', function() {
  return function(arr, start, end) {
    return (arr || []).slice(start, end);
  };
});

演示



angular.module("app",[])
.controller("ctrl",function($scope){
$scope.arr = [];
for(var i=1; i<=31; i++){
  $scope.arr.push(i)
}
}).filter('slice', function() {
  return function(arr, start, end) {
    return (arr || []).slice(start, end);
  };
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
 <div ng-repeat="item in arr  | slice:8:14">
  {{item}}
</div>
</div>
&#13;
&#13;
&#13;