angular paging

作者:frank 发表日期:2015-09-12 15:54:40 更新日期:2016-08-15 19:55:13 分类:猿文色

摘要

基于angular material的分页组件。

正文

配置如下:

 angular
  .module('demoWan', [
    'ngMaterial',
    'fc.paging'
  ]).controller('DemoCtrl', DemoCtrl);

  function DemoCtrl($scope) {
    $scope.total = 50;
    $scope.currentPage = 1;
    $scope.step = 6;

    $scope.gotoPage = function() {
      //do something
    };
  }

HTML文件如下:

<wan-material-paging 
    wmp-total="total" 
    goto-page="gotoPage()"
    position="center" 
    current-page="currentPage" 
    step="step">
</wan-material-paging>

Options:

wmp-total: 总页数
goto-page: 点击翻页按钮回调函数
position: 组件的位置,取值和layout-align一致
current-page: 当前页
step: 每屏显示的页数

DEMO