# meepo-xscroll

> xscroll for angular

Latest version **1.4.6** (published 2018-01-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install meepo-xscroll
pnpm add meepo-xscroll
yarn add meepo-xscroll
bun add meepo-xscroll
```

## Health

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

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.4.6 |
| Published | 2018-01-03 |
| First published | 2017-12-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 8 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | imeepos |
| Maintainers | imeepos2 |

## Links

- npm: https://www.npmjs.com/package/meepo-xscroll
- Repository: https://github.com/meepobrother/meepo-xscroll
- Homepage: https://github.com/meepobrother/meepo-xscroll/README.md
- Issues: https://github.com/meepobrother/meepo-xscroll/issues
- npm.io page: https://npm.io/package/meepo-xscroll

## Dependencies (8)

- [rxjs](https://npm.io/package/rxjs.md) ^5.5.5
- [xscroll](https://npm.io/package/xscroll.md) ^3.1.3
- [zone.js](https://npm.io/package/zone.js.md) 0.8.4
- [meepo-loader](https://npm.io/package/meepo-loader.md) >=1.0.9
- [@angular/core](https://npm.io/package/@angular/core.md) >=5.1.2
- [@angular/common](https://npm.io/package/@angular/common.md) >=5.1.2
- [reflect-metadata](https://npm.io/package/reflect-metadata.md) ^0.1.10
- [@angular/platform-browser](https://npm.io/package/@angular/platform-browser.md) >=5.1.2

## Recent versions

- 1.4.6 (latest) — 2018-01-03
- 1.4.5 — 2018-01-02
- 1.4.4 — 2018-01-01
- 1.4.3 — 2018-01-01
- 1.4.2 — 2018-01-01
- 1.4.1 — 2018-01-01
- 1.4.0 — 2018-01-01
- 1.3.9 — 2018-01-01
- 1.3.8 — 2018-01-01
- 1.3.7 — 2018-01-01
- 1.3.6 — 2017-12-31
- 1.3.5 — 2017-12-31
- 1.3.4 — 2017-12-31
- 1.3.3 — 2017-12-31
- 1.3.2 — 2017-12-31
- … 27 more at https://npm.io/package/meepo-xscroll/versions

## README

# xscroll for angular

```ts
import { XscrollModule } from 'meepo-xscroll';
@NgModule({
  imports: [
    XscrollModule.forRoot()
  ]
})
export class AppModule { }


```

```html
<div class="flex">
    <div class="row">
        <xscroll [items]="items" (onLoad)="onLoad($event)" (onRefresh)="onRefresh($event)">
            <ng-template xscrollRef let-item>
                <div>{{item}}</div>
            </ng-template>
        </xscroll>
    </div>
    <div class="row">
        <xscroll [items]="items" (onLoad)="onLoad($event)" (onRefresh)="onRefresh($event)">
            <ng-template xscrollRef let-item>
                <div>{{item}}</div>
            </ng-template>
        </xscroll>
    </div>
</div>
```

```ts
export class AppComponent implements OnInit {
  items: any[] = [];
  constructor(
    public cd: ChangeDetectorRef
  ) { }
  ngOnInit() {
    for (let i = 0; i < 10; i++) {
      this.items.push(i);
    }
  }

  onRefresh(e: any) {
    this.items = [];
    for (let i = 0; i < 10; i++) {
      this.items.push(i);
    }
    e.next();
  }

  onLoad(e: any) {
    let len = this.items.length;
    for (let i = len; i < len + 10; i++) {
      this.items.push(i);
    }
    e.next();
  }
}

```

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