ionic-marquee

ionic-marquee

marquee effect for ionic

I am working on it right now. it may not function very well

Install

npm install ionic-marquee --save

Usage

import the module:

...
import {IonMarqueeModule} from "ionic-marquee";

@NgModule({
 ...
 imports: [
   IonMarqueeModule,
   ...
 ],
 ...
})
export class AppModule {}

Example

Horizontal Animation

<ion-marquee [speed]="30" >
    Text you want to apply the animation. attention: if the text not long enough it won't be work!
</ion-marquee>

Vertical Animation

export class YourPage {
  direction = 'vertical';
  constructor(public navCtrl: NavController) {}
}

<ion-marquee [speed]="30" [direction]="direction" style="height:122px">
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>3</li>
    <li>5</li>
    <li>6</li>
  </ul>
</ion-marquee>

API

Input

Name	Type	Description
speed	Number	the animation speed
direction	String	the animation direction. default is horizontal. you can also set to vertical

Lincese

[e-mail]