ovh-angular-pagination-front
Angular directive to paginate in front end
-
data-ovh-angular-pagination-front the directive tag
-
data-items="tasksId" required all item to paginate
-
data-paginated-items="tasksDetails" required readonly item show in the current page
-
data-current-page="currentPage" optional the current page to show / shown
-
data-nb-pages="nbPages" optional readonly total pages
-
data-items-per-page="itemsPerPage" required defines items per page
-
data-transform-item="transformItem(item)" optional function to transform showed item
-
data-on-transform-item-get-promise="getPromise(promise)" optional, arguments must be named "promise" to get the promise
-
data-on-transform-item-notify="onTransformItemNotify(item)" optional, argument must be named item to do job on modification
-
data-on-transform-item-done="onTransformItemDone(items)" optional, argument must be name items to do jop after all transformation
-
data-page-placeholder="{{tr('pagination_page', [currentPage, nbPages])}}" required label for select page
-
data-item-per-page-placeholder="{{tr('pagination_display')}}" required label for item per page
-
data-refresh="launchRefresh" optional if launchRefresh change, table reload details
-
data-go-to-page="false" optional if set, input field to change page will not be displayed
Dependances
- ui.bootstrap : use for pagination. Visit angular-ui bootstrap
example
app module
angular
js controller
angular;
html view
<!--loader--> <!-- no tasks --> <!--tasks--> {{task.function}} {{task.todoDate | date:'longDate'}}
Style
& & } } } } }
Related links
- Contribute: https://github.com/ovh-ux/ovh-angular-pagination-front/CONTRIBUTING.md
- Report bugs: https://github.com/ovh-ux/ovh-angular-pagination-front/issues
- Get latest version: https://github.com/ovh-ux/ovh-angular-pagination-front
License
See https://github.com/ovh-ux/ovh-angular-pagination-front/blob/master/LICENSE