UNPKG

ion3-list

Version:

Ionic 3 template list with filtereing, dynamic loading dom

48 lines (36 loc) 855 B
# ion3-list Special template list for ionic3 project. ## Github https://github.com/MiriKabrt/ion-temp-list ## Install ```bash npm install --save ion3-list ``` ### Usage Then include the `ion3-list` in your module. ```javascript import { IonTempListModule } from 'ion3-list' @NgModule({ declarations: [ ListPage, ], imports: [ IonTempListModule, IonicPageModule.forChild(ListPage), ], exports: [ ListPage ] }) export class ListModule {} ``` This will create a list with infinitive scrolling (because of DOM), you can use orderBy and filter ```html <ion-temp-list [items]="peopleList" orderBy="name" filter="John"> <ng-template let-item="$implicit" let-i="index"> <button ion-item no-padding (click)="onClick(item)"> {{item.firstName}} </button> </ng-template> </ion-temp-list> ```