发表于: 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="‹"
next-text="›"
first-text="«" last-text="»"></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}
好奇怪的问题
收获:暂无
评论