diff --git a/ionic/components/slides/slides.ts b/ionic/components/slides/slides.ts index 5b88b579cf..87696e31d4 100644 --- a/ionic/components/slides/slides.ts +++ b/ionic/components/slides/slides.ts @@ -22,7 +22,7 @@ import {Scroll} from '../scroll/scroll'; * ```ts * @Page({ * template: ` - * + * * *

Thank you for choosing the Awesome App!

*

@@ -209,6 +209,11 @@ export class Slides extends Ion { */ @Output() slideChangeStart: EventEmitter = new EventEmitter(); + /** + * @output {any} expression to evaluate when a slide moves + */ + @Output() move: EventEmitter = new EventEmitter(); + /** * @private * @param {ElementRef} elementRef TODO @@ -278,6 +283,10 @@ export class Slides extends Ion { options.onLazyImageReady = (swiper, slide, img) => { return this.options.onLazyImageReady && this.options.onLazyImageReady(swiper, slide, img); }; + options.onSliderMove = (swiper, e) => { + this.move.emit(swiper); + return this.options.onSliderMove && this.options.onSliderMove(swiper, e); + }; setTimeout(() => { var swiper = new Swiper(this.getNativeElement().children[0], options); diff --git a/ionic/components/slides/test/intro/index.ts b/ionic/components/slides/test/intro/index.ts index 9f7ca60173..204701ab65 100644 --- a/ionic/components/slides/test/intro/index.ts +++ b/ionic/components/slides/test/intro/index.ts @@ -29,6 +29,10 @@ class IntroPage { slider.isEnd ? this.continueText = "Continue" : this.continueText = "Skip"; } + onSlideMove(slider) { + console.log("Slide move", slider); + } + skip() { this.nav.push(MainPage); } diff --git a/ionic/components/slides/test/intro/main.html b/ionic/components/slides/test/intro/main.html index e46a13e618..7c899cfe05 100644 --- a/ionic/components/slides/test/intro/main.html +++ b/ionic/components/slides/test/intro/main.html @@ -8,7 +8,7 @@ - +

Thank you for choosing the Awesome App!