# ng-qpager

> `npm install ng-qpager --save-dev`

Latest version **0.1.3** (published 2016-09-25) · ISC license · 0 weekly downloads

## Install

```sh
npm install ng-qpager
pnpm add ng-qpager
yarn add ng-qpager
bun add ng-qpager
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.3 |
| Published | 2016-09-25 |
| First published | 2016-09-23 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | wk |
| Maintainers | wearetherock |

## Links

- npm: https://www.npmjs.com/package/ng-qpager
- npm.io page: https://npm.io/package/ng-qpager

## Recent versions

- 0.1.3 (latest) — 2016-09-25
- 0.1.2 — 2016-09-25
- 0.1.1 — 2016-09-25
- 0.1.0 — 2016-09-23

## README

## QPager

`npm install ng-qpager --save-dev`

## Example 

```typescript
import { Component } from "@angular/core";
import { PagerChanged, PagerParams} from "ng-qpager";

@Component({
    selector: "pager-example",
    template: `
        <table>
            <thead>
                <tr>
                    <th>#</th>
                    <th>Name</th>
                    <th>Position</th>
                    <th>Email</th>
                    <th>Telephone</th>
                </tr>
            </thead>

            <tbody>
                <tr *ngFor="let item of pagerChanged.items; let i = index">
                    <td>{{ pagerChanged.startIndex + i + 1}}</td>
                    <td>{{item.title}} {{item.firstName}} {{item.lastName}}</td>
                    <td>{{item.position}}</td>
                    <td>{{item.email}}</td>
                    <td>{{item.telephone}}</td>
                    <td> </td>
                </tr>
            </tbody>
        </table>
    <QPager [params]="pagerParams" (onPageChanged)="onPageChanged($event)"></QPager>
    `
})
export class PagerExample {

    pagerParams = new PagerParams();
    pagerChanged = new PagerChanged();

    constructor() {
        this.pagerParams.items = [
            { title: "Title A" },
            { title: "Title A" },
            { title: "Title A" },
            { title: "Title A" },
            { title: "Title A" },
            { title: "Title A" },
            { title: "Title A" },
            { title: "Title A" },
            { title: "Title A" },
            { title: "Title A" },
            { title: "Title A" },
            { title: "Title A" },
            { title: "Title A" },
            { title: "Title A" },
        ];
    }

    onPageChanged(event) {
        this.pagerChanged = event;
    }
}
```

---
_Source: https://npm.io/package/ng-qpager · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._