essa-platform / es-ng-antd

Blame view

example/pagination.html 1.3 KB
Edit Raw Normal View History
3a3ecabe   Imshann   init 
1
2
3
4
5
6
 
  <!DOCTYPE html>
  <html>
  
  <head>
      <meta charset="UTF-8" />
      <title></title>
3a3ecabe   Imshann   init 
7
8
9
10
11
 
  </head>
  
  <body>
      <div ng-app="esNgAntd" ng-controller="mainCtrl">
          <div class="container" style="padding: 50px">
80abca23   Imshann   feat(pagination):... 
12
13
 
              <es-pagination default-current="1" total="{{total}}" on-change="handleChange(page, pageSize)"
                  show-quick-jumper="true" show-size-changer="true" show-total="showTotal(total)"></es-pagination>
061629e7   Imshann   add 
14
 
              <!-- <es-pagination size="small" default-current="1" total="50" on-change="handleChange(page, pageSize)" show-quick-jumper="true" show-size-changer="true"></es-pagination> -->
3a3ecabe   Imshann   init 
15
16
17
18
19
20
21
 
          </div>
      </div>
      <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.min.js"></script>
      <script src="../dist/ng-antd.js"></script>
      <script>
          angular
              .module("esNgAntd")
80abca23   Imshann   feat(pagination):... 
22
23
 
              .controller("mainCtrl", function ($scope, $timeout) {
                  $scope.total = 1;
3a3ecabe   Imshann   init 
24
25
26
 
                  $scope.handleChange = function (page, pageSize) {
                      console.log(page, pageSize)
                  }
80abca23   Imshann   feat(pagination):... 
27
28
29
30
31
32
 
                  $scope.showTotal = function (total) {
                      return `Total ${total} items`;
                  }
                  $timeout(()=>{
                      $scope.total = 80
                  }, 2000)
3a3ecabe   Imshann   init 
33
34
35
36
37
 
              });
      </script>
  </body>
  
  </html>