mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 12:29:55 +08:00
45 lines
719 B
TypeScript
45 lines
719 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);
|
|
}
|
|
|
|
ngAfterViewInit() {
|
|
console.log(this.loopSlider);
|
|
}
|
|
|
|
}
|