发表于: 2016-12-29 23:35:31

0 1413


1.今天完成的事:
    完成列表页的分页按钮,学习ng-repeat的用法.

2. 明天的计划:

    争取完成task7,学习angulaerjs的表单输入验证和提交.

3. 遇到的困难:

  1. 还是作用域的问题,我用ng-repeat的方法,把数据遍历页面里面,想通过点击事件来获取当前的值,后来请教二大得到解决.,谢谢二大,

<li ng-repeat="btn in vm.pagesBtn" ng-class="active"  ><a ng-click="btnValue()">{{btn}}</a></li>

$scope.btnValue= function() {

    vm.focusBtn = this.btn;//btn要获取的值,绑定在$scope下面,用this就能获取得到

};


2.分页器的思路.

vm.pageSize = 6; //每页显示个数

vm.pagesBtn = function() { //按钮显示个数.

    var btn = [];

     //data.data为请求返回的数据[{},{}]

    var pages = (Math.ceil((data.data.length) / vm.pageSize) - 1); //页数

    //pages > 5 ? pages : 5 ;  //当前最小页数

    for (var i = 0; i < pages; i++) {

        btn.push(i + 1);

    }

    return btn;

}();

vm.focusBtn = 1; //当前获取焦点的按钮,当前页数


vm.listData = data.data.slice(((vm.focusBtn * vm.pageSize) + 1), ((vm.focusBtn * vm.pageSize) + 7));

然后用ng-repeat方法输出到页面.


4. 今天的收获:

     以上



返回列表 返回列表
评论

    分享到