Javascript AngularJS应用程序：使分页考虑标准过滤器

我正在开发一个在HTML5表中显示“用户”JSON的小应用程序。它使用bootstrap3和AngularJS

该应用程序具有多个功能：

结果过滤

结果排序

分页

AngularJS对我来说是很新的。我已经在分页方面做了很多工作，但是我还不能使它在过滤结果上工作

var root='1〕https://jsonplaceholder.typicode.com';
//创建一个名为“usersApp”的角度模块
var-app=angular.module（“usersApp”，[]）；
//为“usersApp”模块创建控制器
app.controller（“usersCtrl”、[“$scope”、“$http”、函数（$scope、$http）{
var url=root+“/users”
$http.get（url）
.then（功能（数据）{
//阿拉里
$scope.users=data.data；
//按功能排序
$scope.orderByMe=函数（标准）{
$scope.myOrderBy=标准；
}
//分页
$scope.pageNum=1；
$scope.perPage=3；
$scope.startAt=0；
$scope.itemscont=$scope.users.length；
$scope.pageMax=Math.ceil（$scope.itemscont/$scope.perPage）；
$scope.prevPage=函数（）{
如果（$scope.pageNum>1）{
$scope.pageNum=$scope.pageNum-1；
$scope.startAt=（$scope.pageNum-1）*$scope.perPage；
}
};
$scope.nextPage=函数（）{
如果（$scope.pageNum<$scope.pageMax）{
$scope.pageNum=$scope.pageNum+1；
$scope.startAt=（$scope.pageNum-1）*$scope.perPage；
}
};
});
}]);
正文{
填充顶部：70px；
}
.集装箱{
填充：0 10px；
}
.搜索框{
保证金：5px！重要；
}
.小组标题{
字体大小：粗体；
}
.桌上容器{
利润率：10px0；
}
.台面容器.面板主体{
填充：0；
}
.表格容器表格{
页边距底部：0；
边框宽度：0；
边框顶部宽度：1px；
边框底宽：1px；
}
.table容器表tr：最后一个子表td{
边框底部：无；
}
.表格容器表格tr th{
字体大小：粗体；
光标：指针；
}
.table container table tr th:第一个子级{
左边界：无；
}
.table容器table tr td:第一个子级{
左边界：无；
}
.table container table tr th:last child、.table container table tr td:last child{
边界权：无；
}
.表容器.分页信息{
利润率：10px0；
}
.寻呼机{
利润率：10px0；
}
/*媒体查询*/
@介质（最小宽度：768px）{
.集装箱{
宽度：自动；
}
}






使用者
#
全名
电子邮件
城市
街头
一套
Zipcode
{{$index+startAt+1}
{{user.name}
{{user.address.city}
{{user.address.street}
{{user.address.suite}
{{user.address.zipcode}





这是一个正在工作的插件：。
我在搜索输入中添加了一个
ng change
指令，每当搜索输入发生变化时，该指令将调用
filterList
函数。这将过滤列表并重新计算
itemsont
和
pageMax
。希望这有帮助。
很棒的东西，但它有漏洞。检查。你能详细说明一下吗？Nik648搜索“xxx”，看看会发生什么。我并没有考虑所有的情况。我只是想告诉你一种方法，在过滤文本发生变化时更新
itemsont
和
pageMax
。我相信你能做剩下的事。