angular2-bootstrap-pagination is angular2 directive. It will generate pagination or this directive must need boostrap package
npm install angular2-bootstrap-paginationThe sources for this package are in (https://github.com/rajan-g/angular2-bootstrap-pagination.git) repo. Please file issues and pull requests against that repo.
sh
npm install angular2-bootstrap-pagination
`
$3
`javascript
/*
* @author RAJAN G
*/
//module file
import {PaginationDirective} from '../directives/pagination.directive';
//include pagination directive
@NgModule({
imports: [ BrowserModule, FormsModule ],
declarations: [AppComponent, PaginationDirective],
bootstrap: [ AppComponent ]
})import {Component} from 'angular2/core';
@Component({
selector: 'my-app',
template:
,
})
export class AppComponent {
public currentPage:number = 1;
public totalItems:number = 200; // total numbar of page not items
public maxSize:number = 10; // max page size
constructor() {
}
public setPage(pageNo:number):void {
this.currentPage = pageNo;
}; public pageChanged(event:any):void {
//this method will trigger every page click
console.log('Number items per page: ' + event.itemsPerPage);
};
}
`$3
- Download this module
- Run following command
`
npm install
npm start
``