发表于: 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 重新加载视图。


返回列表 返回列表
评论

    分享到