mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 13:01:01 +08:00
42 lines
711 B
TypeScript
42 lines
711 B
TypeScript
import {ViewChild} from 'angular2/core';
|
|
import {App, Slides} from 'ionic-angular';
|
|
|
|
@App({
|
|
templateUrl: 'main.html'
|
|
})
|
|
class MyApp {
|
|
slides: any[];
|
|
@ViewChild('loopSlider') loopSlider: Slides;
|
|
startingIndex: number;
|
|
myTopSlideOptions: any;
|
|
|
|
constructor() {
|
|
this.slides = [
|
|
{
|
|
name: "Slide 1",
|
|
class: "yellow"
|
|
},
|
|
{
|
|
name: "Slide 2",
|
|
class: "red"
|
|
},
|
|
{
|
|
name: "Slide 3",
|
|
class: "blue"
|
|
}
|
|
];
|
|
|
|
this.myTopSlideOptions = {
|
|
initialSlide: 2,
|
|
loop: true
|
|
};
|
|
|
|
}
|
|
|
|
onSlideChanged(slider: Slides) {
|
|
console.log('Slide changed', slider);
|
|
console.log("active index", slider.activeIndex);
|
|
}
|
|
|
|
}
|