GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → CK110 → ionic3-index-list

CK110 / ionic3-index-list

Licence: other
ionic3 component

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

angular4ionic3

Projects that are alternatives of or similar to ionic3-index-list

Wooionic3
An eCommerce App for WooCommerce stores using Ionic 3.
Stars: ✭ 208 (+642.86%)
Mutual labels:  angular4, ionic3
Drip Ionic3
「水滴打卡」App Open Source Code Base On Ionic V3 Framework
Stars: ✭ 74 (+164.29%)
Mutual labels:  angular4, ionic3
Cnode Ionic
A third party app for Node.js中文社区 https://cnodejs.org/
Stars: ✭ 6 (-78.57%)
Mutual labels:  angular4, ionic3
Ng Lottie
Render After Effects animations on Angular based on lottie-web
Stars: ✭ 311 (+1010.71%)
Mutual labels:  angular4, ionic3
Chihu2
ionic2-example <吃乎2>混合开发-美食app 🍜 ☕️ 🍦 （This is a support android and apple ionic2 case, a food app）
Stars: ✭ 124 (+342.86%)
Mutual labels:  angular4, ionic3
Ionic Audio
An audio player for Ionic 3 and Angular 4. Works with HTML 5 audio or native audio using Cordova Media plugin.
Stars: ✭ 332 (+1085.71%)
Mutual labels:  angular4, ionic3
Ionic3 Angular43 Httpclient
Example of Ionic 3 and the new Angular 4.3 HTTPClient
Stars: ✭ 20 (-28.57%)
Mutual labels:  angular4, ionic3
angular-progress-bar
This component allow you to easy incorporate progress-bar to angular/ionic project, providing binding and color options
Stars: ✭ 26 (-7.14%)
Mutual labels:  angular4, ionic3
Ionic2 Cnodeclub
基于Ionci 3.4.2、Angular 4、TypeScript 2.3的APP
Stars: ✭ 116 (+314.29%)
Mutual labels:  angular4, ionic3
Ionic Jd
ionic3+angular4写的京东商城demo
Stars: ✭ 110 (+292.86%)
Mutual labels:  angular4, ionic3
Ionic Environment Variables
Easy to use environment variables for Ionic3!
Stars: ✭ 278 (+892.86%)
Mutual labels:  angular4, ionic3
Ionic2 Pokedex
🎮 Pokédex sample app developed with Ionic 2, Angular 2 and Apache Cordova. Using Pokéapi as source for data.
Stars: ✭ 143 (+410.71%)
Mutual labels:  angular4, ionic3
ionic2-mask-directive
directive to mask ion-input
Stars: ✭ 24 (-14.29%)
Mutual labels:  angular4, ionic3
Ion2 Calendar
📅 A date picker components for ionic2 ／ionic3 / ionic4
Stars: ✭ 537 (+1817.86%)
Mutual labels:  angular4, ionic3
ionic-modal-custom-transitions
Add Custom Transitions to Ionic Modals.
Stars: ✭ 22 (-21.43%)
Mutual labels:  angular4, ionic3
Angularfire2 Ionic3 Pictureupload
An example application showing how to upload picture from the gallery or from camera to Firebase using Ionic 3 and Angularfire2. 📸
Stars: ✭ 13 (-53.57%)
Mutual labels:  angular4, ionic3
ionic-uuchat
基于ionic3，angular4的实时聊天app，兼容web端。该项目只是前端部分，所有数据需要请求后端服务器，需要配套express-uuchat-api使用。
Stars: ✭ 14 (-50%)
Mutual labels:  angular4, ionic3
aiEyes
🤖 👁️ Describes photos using audio for Blind and Visually-Impaired Users
Stars: ✭ 23 (-17.86%)
Mutual labels:  angular4, ionic3
Ionic3 Seed Jwt
Ionic 3 seed project with JWT support. It works together with the backend from here https://github.com/vmanchev/laravel-jwt
Stars: ✭ 86 (+207.14%)
Mutual labels:  angular4, ionic3
Ionic3 Components
A project full of ionic 3 components and samples - to make life easier :)
Stars: ✭ 1,689 (+5932.14%)
Mutual labels:  angular4, ionic3
View All Similar Projects ➔

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>
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].