发表于: 2019-02-18 22:41:49

1 177


今天完成的事情:完成了任务7的传参的页面以及分页的功能
明天计划的事情:进入任务8,了解其中的搜索部分
遇到的问题:

在做分页传参的时候,参考了

(http://www.cnblogs.com/jager/p/5293225.html)这个教程

myApp.controller('text',function ($scope,$http,$state,$stateParams) {
   console.log('123');
   $http({
       method:'GET',
       url:'carrots-admin-ajax/a/article/search'+'?'+$stateParams.page,
       headers:{'Content-Type': 'application/x-www-form-urlencoded'},
       params:{
           page: $stateParams.page
}
   })
       .then(function successCallback(txt,) {
           let article=txt.data.data.articleList;
           $scope.text=article;
           let size=txt.data.data.size;//每页显示的数量
           console.log(size);
           let total=txt.data.data.total;//一共有多少条数据
           console.log(total);
           //一共有多少数据
           $scope.totalItems = total;
       });

   //当前页数
   $scope.currentPage = $stateParams.page;
   $scope.bigCurrentPage = 1;
   //页面改变执行的函数
   console.log($stateParams);
   $scope.change=function(){
       $state.go('background.page2',{page:$scope.currentPage});
       console.log($scope.currentPage,'mmm');
   };



   $scope.setPage = function (pageNo) {
       $scope.currentPage = pageNo;
   };

   $scope.pageChanged = function() {
       $log.log('Page changed to: ' + $scope.currentPage);


   };

   //可选择的最大页数
   $scope.maxSize = 5;

   $scope.bigTotalItems = 21;


});

收获: 了解了angular的参数传递的方式。以及$state的更多的使用方式


返回列表 返回列表
评论

    分享到