Ng Laravel Pagination

A Angular pagination component for Laravel paginator that works with Bootstrap.

Install

npm install ng-laravel-pagination

Usage

Import Library in .module.ts:

import {NgLaravelPaginationModule} from 'ng-laravel-pagination';

@NgModule({
    ...
    imports: [
        ...
        NgLaravelPaginationModule
    ],
    ...
})

Use the component:

<ng-laravel-pagination [data]="laravelData" align="right" [pageDesc]="true" (changePage)="changePage($event)"></ng-laravel-pagination>

Callback Events

changePage(pagination): void {
    console.log(pagination);
}

API

Props

| Name | Type | Default |Description | | --- | --- | --- | --- | | data | Object | | An object containing the structure of a Laravel paginator response or a Laravel API Resource response. | | align | String | right | Define the alignment of the pagination content. | | pageDesc | Boolean | true | Hide/Show Pagination description | | theme | String | theme-default | Theme values are theme-default theme-round theme-non-button |

Events

| Name | Description | | --- | --- | | changePage | Triggered when a user changes page. Passes the new pagination object as a parameter. |

License

Released under the MIT License, see LICENSE.