Skip to content
This repository has been archived by the owner on Jun 9, 2020. It is now read-only.

CK110/ionic3-index-list

Repository files navigation

ionic3-index-list

NPM version

index-list 在联系人页面中很常用

之前试过ionic2-indexed-scroll,比较ionic2-alpha-scroll,可能更angular一些, 但是并不是组件,而且在ios上有些bug,所以就写了该组件,该组件借鉴了一些上面所述组件的代码。

不依赖于ionic3组件,可以自定义 <ion-index-cell></ion-index-cell>显示的内容

Installation

npm i ionic3-index-list --save

Usage

Import In AppModule

import {IndexListModule} from "ionic3-index-list";

@NgModule({
  declarations: [

  ],
  imports: [
    IndexListModule
  ]
})

Use In Templete

  <ion-index-list>
    <ion-index-section [index]="'A'">
      <ion-index-cell>
        222
      </ion-index-cell>
      <ion-index-cell>
        222
      </ion-index-cell>
      <ion-index-cell>
        222
      </ion-index-cell>
      <ion-index-cell>
        222
      </ion-index-cell>
    </ion-index-section>

    <ion-index-section [index]="'B'">
      <ion-index-cell>
        222
      </ion-index-cell>
      <ion-index-cell>
        222
      </ion-index-cell>
      <ion-index-cell>
        222
      </ion-index-cell>
      <ion-index-cell>
        222
      </ion-index-cell>
    </ion-index-section>
  </ion-index-list>

Releases

No releases published

Packages

No packages published

Languages