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();
    }    
}