Angularjs ng表未呈现分页
我试图在我的表中使用ng table进行分页,虽然该表呈现得非常完美,但该表中缺少分页 控制器Angularjs ng表未呈现分页,angularjs,pagination,Angularjs,Pagination,我试图在我的表中使用ng table进行分页,虽然该表呈现得非常完美,但该表中缺少分页 控制器 startBlockUI('wait..', 3); $http({ url: url, method: "POST", data: "", headers: headers }).success(function (data, status, headers, config) { //$scope.per
startBlockUI('wait..', 3);
$http({
url: url,
method: "POST",
data: "",
headers: headers
}).success(function (data, status, headers, config) {
//$scope.persons = data; // assign $scope.persons here as promise is resolved here
stopBlockUI();
if (data.Status == "200") {
$scope.InProgressTaskList = data.Payload;
}
}).error(function (data, status, headers, config) {
});
$scope.tableParams = new ngTableParams({
page: 1, // show first page
count: 5 // count per page
}, {
total: $scope.InProgressTaskList.length, // length of data
getData: function ($defer, params) {
$defer.resolve($scope.InProgressTaskList.slice((params.page() - 1) * params.count(), params.page() * params.count()));
}
});
HTML
页面:{{tableParams.Page()}
每页计数:{{tableParams.Count()}
{{subTask.title}}信息删除
55%
所有数据都来自文件,但每页应该有5行。但事实并非如此。
相同的快照如下所示
在获得数据后,似乎没有重新加载
tableParams
考虑在获得数据后重新加载tableparams
,方法是调用reload()
,如下所示:
$scope.tableParams.reload()
在本节中:
if (data.Status == "200") {
$scope.InProgressTaskList = data.Payload;
$scope.tableParams.reload();
}
我正在使用源代码和文件demo1.html实现ng表,因为您使用$http请求加载数据,所以您应该使用该示例
if (data.Status == "200") {
$scope.InProgressTaskList = data.Payload;
$scope.tableParams.reload();
}