@99xt/ngx-pagination 中文文档教程
@99xt/ngx-pagination
用于 angular2+ 应用程序的简单分页组件。
Installation
要安装此库,请运行:
npm install @99xt/ngx-pagination --save
Usage
example.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { ExampleComponent } from './example.component';
// Import the library
import { PaginationModule } from '@99xt/ngx-pagination';
@NgModule({
declarations: [
ExampleComponent
],
imports: [
BrowserModule,
PaginationModule
],
providers: [],
bootstrap: [ ExampleComponent ]
})
export class ExampleModule { }
example.component.ts
export class ExampleComponent {
totalRecordCount: number;
selectedPage: number;
recordsPerPage: number;
constructor() {
this.totalRecordCount = 330;
this.recordsPerPage = 10;
this.selectedPage = 1;
}
selectPage(page: number) {
this.selectedPage = page;
// call your page contents loading method here
}
}
example.component.html
<pagination
[total]="totalRecordCount"
[limit]="recordsPerPage"
(onSelectPage)="selectPage($event)">
</pagination>
Contributing Guide
Setting up the development environment
将存储库克隆到您的工作站
git clone git@github.com:99xt/ngx-pagination.git
导航到项目目录
cd ngx-pagination
安装并构建库
生成所有
*.js
,*.d.ts
文件
npm install
npm run build
你可以在 dist/
中找到编译后的版本
从 dist
目录创建一个符号链接到全局 node_modules
cd dist
npm link
要检查所有 *.ts
文件:
$ npm run lint
Run Demo app
cd demo
npm install
npm start
Publish to NPM
更新 src/package.json
中的版本;
npm run build
npm publish dist
License
麻省理工学院
@99xt/ngx-pagination
Simple pagination component for angular2+ apps.
Installation
To install this library, run:
npm install @99xt/ngx-pagination --save
Usage
example.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { ExampleComponent } from './example.component';
// Import the library
import { PaginationModule } from '@99xt/ngx-pagination';
@NgModule({
declarations: [
ExampleComponent
],
imports: [
BrowserModule,
PaginationModule
],
providers: [],
bootstrap: [ ExampleComponent ]
})
export class ExampleModule { }
example.component.ts
export class ExampleComponent {
totalRecordCount: number;
selectedPage: number;
recordsPerPage: number;
constructor() {
this.totalRecordCount = 330;
this.recordsPerPage = 10;
this.selectedPage = 1;
}
selectPage(page: number) {
this.selectedPage = page;
// call your page contents loading method here
}
}
example.component.html
<pagination
[total]="totalRecordCount"
[limit]="recordsPerPage"
(onSelectPage)="selectPage($event)">
</pagination>
Contributing Guide
Setting up the development environment
Clone the repository to your workstation
git clone git@github.com:99xt/ngx-pagination.git
Navigate to the project directory
cd ngx-pagination
Install and build the library
Generate all
*.js
,*.d.ts
files
npm install
npm run build
You can find the compiled version in the dist/
Create a symlink from the dist
directory to the global node_modules
cd dist
npm link
To lint all *.ts
files:
$ npm run lint
Run Demo app
cd demo
npm install
npm start
Publish to NPM
Update the version in src/package.json
;
npm run build
npm publish dist
License
MIT