ng-paged-list

ng-paged-list is a module that enables you to easily paging and sort a collection.

Instaling

npm install ng-paged-list --save

import { PagedListModule } from 'ng-paged-list/paged-list.module';

@NgModule({
    imports:[
        PagedListModule
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }

Example

import { Component, OnInit } from '@angular/core';
import { PagedListService } from 'ng-paged-list/paged-list.service';


@Component({
    selector: 'app-example-list',
    templateUrl: './example-list.component.html'
})
export class ExampleList implements OnInit {
    
    constructor() { }

    pagedList: PagedListService;

    ngOnInit() { 
        this.pagedList = new PagedListService({
            url: 'https://api.paged-list.com,            
            sortField: 'Name',
            sortType: 'asc',
            pageSize: 10
        });
        this.pagedList.load();
    }    
}