javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 20:33:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'pr/5379' into 2.0

Browse Source
This commit is contained in:
Brandy Carney
2016-02-17 15:36:53 -05:00
parent 8f30154230 148b3685f3
commit 2cf03be353
3 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ionic/components/slides/slides.ts
View File

@ -22,7 +22,7 @@ import {Scroll} from '../scroll/scroll';
* ```ts
* @Page({
* template: `
* <ion-slides pager (change)="onSlideChanged($event)" loop="true" autoplay="true">
* <ion-slides pager (change)="onSlideChanged($event)" (move)="onSlideMove($event)" loop="true" autoplay="true">
* <ion-slide>
* <h3>Thank you for choosing the Awesome App!</h3>
* <p>
@ -209,6 +209,11 @@ export class Slides extends Ion {
*/
@Output() slideChangeStart: EventEmitter<any> = new EventEmitter();
/**
* @output {any} expression to evaluate when a slide moves
*/
@Output() move: EventEmitter<any> = 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);

4
ionic/components/slides/test/intro/index.ts
View File

@ -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);
}

2
ionic/components/slides/test/intro/main.html
View File

@ -8,7 +8,7 @@
</ion-navbar>
<ion-content>
<ion-slides pager (change)="onSlideChanged($event)" (slideChangeStart)="onSlideChangeStart($event)" loop="true">
<ion-slides pager (change)="onSlideChanged($event)" (slideChangeStart)="onSlideChangeStart($event)" (move)="onSlideMove($event)" loop="true">
<ion-slide>
<h3>Thank you for choosing the Awesome App!</h3>
<div id="logo">