本文共 1603 字，大约阅读时间需要 5 分钟。

1.分页控件定义：

控件源码+实例：

   
    
    
AngularJs Ajax分页控件
    
    
        
     
            
      请输入姓名：            
              
     
    
    
    
    
             
                  
                       
#
                       
ID
                       
姓名
                       
生日
                       
修改
                       
操作
                  
             
             
                  
                       
{
  {$index}}
                       
{
  {emp.ID}}
                       
{
  {emp.Name}}
                       
{
  {emp.Birthday}}
                       
                     编辑{ {emp.ID}}                     查看                
                       
                                                                                  
                  
             
             
                  
                       
没有数据了...
                  
             
        
    @*分页控件页面定义*@    
    
   

var app = angular.module('myApp', ['pager'])app.controller('myCtrl', function ($scope) {    //执行分页事件    function getPage() {        setTimeout(function () {            $scope.pageConf.currentPage = 1;            $scope.pageConf.getPageData({                url: '/page1/getlist2',                data: {                    name: $scope.name                },                success: function (data) {                    $scope.data = data;                    $scope.$apply();                }            });        }, 200);    }    //监听属性变化    $scope.$watch('name', function (newValue, oldValue) {        if (newValue != oldValue) {            getPage();        }    });    getPage();});