Skip to content

An AngularJS directive that allows Ruby apps using will_paginate to seamlessly paginate collections from inside an AngularJS app.

License

Notifications You must be signed in to change notification settings

tcwalther/angular-will-paginate

 
 

Repository files navigation

angular-will-paginate

This is a work in progress directive, mostly a functional sketch for now. This is how i console myself that there are no tests yet. Anyway, the purpose of this directive is to get willPaginate, Bootstrap and AngularJS to play nicely together.

This directive expects you to pass in a JSON representation of a will_paginate collection and a callback method which will be triggered when someone clicks on a link. You can also specify an optional config object that overrides some of the default behavior.

Simple Example

Note: Be sure to inject the willPaginate module in your application definition. Once included the directive will be available.

angular.module('angularApp', ['willPaginate'])
.controller('MyCtrl', ['$scope', function($scope) {

    /*
      This is a sample collection but would typically be returned from a resource.
      NOTE: I am using camelcase instead of underscores for all the will_paginate
      variables (e.g. currentPage instead of current_page ).
    */
    $scope.willPaginateCollection = {
      currentPage : 1,
      perPage : 10,
      totalEntries : 50,
      totalPages : 5,
      offset : 0
    };

    /*
      Adding a config object lets you override some of the defaults used
      within the directive. This is totally optional.
    */
    $scope.willPaginateConfig = {
      previousLabel: 'Past',
      nextLabel: 'Future'
    };

    /*
      You must specify a callback function to handle click events from the
      paginator.
    */
    $scope.getPage = function(page){
      console.log(page);
    };
]);

Your HTML would look something like this:

<div class="willPaginate"
     data-params="willPaginateCollection"
     data-on-click="getPage"
     data-config="willPaginateConfig"></div>

About

An AngularJS directive that allows Ruby apps using will_paginate to seamlessly paginate collections from inside an AngularJS app.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%