发表于: 2017-03-19 23:20:45

3 1234


今天完成的事情:整理后台的逻辑及代码


明天计划的事情:复习angular相关的知识


遇到问题:

回头看之前留下的问题,分页器之前是有点问题的,今天来看还是有问题,不知道怎么回事。

指令部分:

angular.module('adminApp').directive("pageDivider", function () {
return {
restrict: 'AE',
       replace: false,
       templateUrl: 'dirtpls/pageDivider.html',
       scope: {
total: '=',
           page: '=',
           perItem: '=',
           changePage: '&'
       }

}

})

模板部分:

<div>
   <ul uib-pagination total-items="total" ng-model="page"
       ng-change="changePage()" items-per-page="perItem" max-size="3" boundary-links="true" previous-text="&lsaquo;"
       next-text="&rsaquo;"
       first-text="&laquo;" last-text="&raquo;"></ul>
   <span>去到第<input type="text" ng-model="page"></span>
   <button type="button" class="btn btn-danger" ng-click="changePage()">确定</button>

</div>


使用指令部分:

<div page-divider=""  total="vm.totalItem"  page="vm.currentPage"  per-item="vm.perPage" change-page="vm.pageChange()"></div>

控制器部分:

vm.pageChange = function () {
//alert(vm.currentPage)

   params = {page: vm.currentPage, size: vm.perPage};
   console.log(params)    每次点击下一页的时候,都会打印出2个值,感觉好奇怪,输入页码跳转又是正常的
getData.searchCompany(params).then(function (res) {
if (res.data.message == 'success') {
vm.companyList = res.data.data;
           vm.totalItem = res.data.total;

       }

})
}

打印结果:

Object {page: undefined, size: 10}
companyList.js:62 Object {page: 2, size: 10}
companyList.js:62 Object {page: 2, size: 10}

companyList.js:62 Object {page: 3, size: 10}


companyList.js:62 Object {page: 3, size: 10}

companyList.js:62 Object {page: 4, size: 10}


companyList.js:62 Object {page: 4, size: 10}
companyList.js:62 Object {page: 3, size: 10}

好奇怪的问题


收获:暂无


返回列表 返回列表
评论

    分享到