https://github.com/febobo/angular-pagination
基于angular扩展可复用分页指令
https://github.com/febobo/angular-pagination
Last synced: 14 days ago
JSON representation
基于angular扩展可复用分页指令
- Host: GitHub
- URL: https://github.com/febobo/angular-pagination
- Owner: febobo
- Created: 2015-07-25T07:16:17.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-01-08T07:19:39.000Z (almost 10 years ago)
- Last Synced: 2025-03-12T19:07:25.899Z (10 months ago)
- Language: JavaScript
- Size: 164 KB
- Stars: 9
- Watchers: 2
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#angular-pagination
### 关于
* 基于angular 编写的可复用分页指令
### 安装
```
克隆项目到本地
git clone https://github.com/febobo/angular-pagination.git
要跑demo环境要求
node , bower , npm , gulp
安装
npm install && bower install
运行
gulp serve
```
### 使用
#### demo用法
#### html
```
```
#### js
```
var app = angular.module('demo' , ['pagination']);
app.controller('demoCtro' , function($scope){
$scope.title = 'pagination-directive';
$scope.conf = {
// 总条数
total : 1190,
// 当前页
currentPage : 1,
// 一页展示多少条
itemPageLimit : 1,
// 是否显示一页选择多少条
isSelectPage : false,
// 是否显示快速跳转
isLinkPage : false
}
// 监控你的页码 ， 发生改变既请求
$scope.$watch('conf.currentPage + conf.itemPageLimit' , function(news){
// 把你的http请求放到这里
console.log($scope.conf.currentPage , $scope.conf.itemPageLimit)
})
})
```
#### Q&A
@febobo