发表于: 2017-06-14 23:45:40
1 1117
今天完成的事情:
写分页功能。
明天计划的事情:
继续写分页功能。
写搜索功能。
遇到的问题:
不知道哪里出了问题,用stateParams为分页传参没传过去,明天在研究吧。
indexApp.controller('listCtrl', function ($scope, $http,$state,$stateParams) {
$scope.page =$stateParams.page;
$scope.size = $stateParams.size;
console.log(1);
$scope.loadData=function(){
$http({
method: 'get',
url: '/daili/a/article/search',
params: {
page: $scope.page,
size: $scope.size
},
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).then(function successCallback(response) {
console.log(response.data.data);
console.log(response.data.data.size);
console.log(response.data.data.total);
console.log(response.data.data);
$scope.data = response.data.data;
$scope.articleList = response.data.data.articleList;
$scope.total = response.data.data.total;
$scope.size = response.data.data.size;
$scope.statuses = ['全部', '草稿', '上线'];
$scope.types = ['全部', '首页banner', '找职位banner', '找精英banner', '行业大图'];
$scope.status = $scope.statuses[0];
$scope.type = $scope.types[0];
$scope.pageIndexes = [];
for (var i = 0; i < Math.ceil($scope.total / $scope.size); i++) {
$scope.pageIndexes[i] = i + 1;
}
console.log($scope.pageIndexes);
}, function errorCallback(response) {
console.log("错误");
});
}
$scope.loadData();
$scope.pageFirst=function () {
$state.go("backStage.articleList",{
'page':1
},{reload: true});
};
$scope.pageLast=function () {
$state.go("backStage.articleList",{
'page': Math.ceil($scope.total / $scope.size)
},{reload: true});
};
$scope.pagePrev=function () {
$state.go("backStage.articleList",{
'page':$scope.page-1
},{reload: true});
}
$scope.pageNext=function () {
$state.go("backStage.articleList",{
'page':$scope.page+1
},{reload: true});
}
$scope.pageIndex=function (index) {
$state.go("backStage.articleList",{
'page': index
},{reload: true});
}
$scope.ensure=function () {
$state.go("backStage.articleList",{
'page':$scope.page,
'size':$scope.size
},{reload: true});
}
})
收获:
$state.go的用法。用ui-router的状态作为链接。
$state.go reload: true 重新加载视图。
评论