在HTML中使用ngTable 可以方便的进行排序，筛选，分页，添加，编辑删除等操作，不用再从数据库里面进行分页等操作

• 需要引用的文件
  
  • angular.js
  • ng-table.js
  • ng-table.css
  • bootrasp.css
  @H_301_17@ @H_301_17@

  ---

  • 注入依赖
  • 为ng-table 设置属性和数据
  @H_301_17@

  var app = angular.module('app',[ 'ngTable']);
  app.controller('controller',function($scope,NgTableParams) {
      $http.get("/query")
          .success(function(data) {
              $scope.userTable = new NgTableParams({
                          page : 1,count : 5
                      },{
                          total : data.length,getData : data
                          }
                      }); 
              })
          });
  }

  • 为 table 添加 ng-table 属性
  • 显示数据
  @H_301_17@

  <table ng-table="userTable" class="table table-hover"> <tbody> <tr> <th>编号</th> <th>用户名</th> </tr> <tr ng-repeat="user in $data"> <td>{{user.id}}</td> <td>{{user.name}}</td> </tr> </tbody> </table>