https://github.com/kklldog/ngbootstrappagebar

a pagebar directive base on bootstrap angularjs 1
https://github.com/kklldog/ngbootstrappagebar

Last synced: 22 days ago
JSON representation

a pagebar directive base on bootstrap angularjs 1

• Host: GitHub
• URL: https://github.com/kklldog/ngbootstrappagebar
• Owner: kklldog
• Created: 2016-11-14T18:02:40.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2016-11-16T06:36:25.000Z (about 8 years ago)
• Last Synced: 2024-04-14T05:33:50.612Z (10 months ago)
• Language: JavaScript
• Homepage:
• Size: 2.14 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ngbootstrappagebar

a pagebar directive base on bootstrap  angularjs1

## Usage

add bootstrap,angularjs and ngBootstrapPagebar.js then inject into the module .

```

     

 

     

     

     

     angular.module('pageBarTest',['agile.bootstrap-pagebar']);

```

## Attributes

### pageInfo

a parent scope variable , it should include 3 porperties:

- **pageIndex**: current select page index ;  if changes 'pageIndex' and pageIndex not in the showing pages the pagebar will be rebuild .

- **showPages**: how many page numbers should be shown ;  if changes 'showPages' the pagebar will be rebuild .

- **totalPages**: how many pages or means the last page index ;  if changes 'totalPages'  the pagebar will be rebuild .

### onChange

a parent scope function , when the page number be clicked pagebar will call the fun and pass the index .

### example

[sample](https://kklldog.github.io/ngbootstrappagebar_sample.html)