angularjs实现的前端分页控件

angularjs实现的前端分页控件

前言：之前写个一个jQuery的分页显示插件，http://blog.csdn.net/peakchen_90/article/details/52187175，存在许多的bug，现在由于业务需要，学习的一点angularjs，重新用angularjs实现了这个分页插件

实现效果图：

（效果图是加上了bootstrap的css文件）

用法：

angular-pagination.js代码：

/**
 * angularjs分页控件
 * Created by CHEN on 2016/11/1.
 */

angular.module('myModule', []).directive('myPagination', function () {
   
    return {
        restrict: 'EA',
        replace: true,
        scope: {
            option: '=pageOption'
        },
        template: '<ul class="pagination">' +
        '<li ng-click="pageClick(p)" ng-repeat="p in page" class="{
   {option.curr==p?\'active\':\'\'}}">' +
        '<a href="javascript:;">{
   {p}}</a>' +
        '</li>' +
        '</ul>',
        link: function ($scope) {
   
            //容错处理
            if (!$scope.option.curr || isNaN($scope.option.curr) || $scope.option.curr <