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

test(slides): update to use @ViewChild

Browse Source
This commit is contained in:
Adam Bradley
2016-04-16 23:09:13 -05:00
parent 1daa7c5382
commit 2295bd9264
4 changed files with 23 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
ionic/components/slides/test/loop/index.ts
View File

@ -1,12 +1,16 @@
import {App, IonicApp} from 'ionic-angular';
import {ViewChild} from 'angular2/core';
import {App, Slides} from 'ionic-angular';
@App({
templateUrl: 'main.html'
})
class MyApp {
constructor(app: IonicApp) {
this.app = app;
slides: any[];
@ViewChild('loopSlider') loopSlider: Slides;
startingIndex: number;
myTopSlideOptions: any;
constructor() {
this.slides = [
{
name: "Slide 1",
@ -22,23 +26,16 @@ class MyApp {
}
];
this.startingIndex = 2;
this.myTopSlideOptions = {
index: this.startingIndex,
initialSlide: 2,
loop: true
};
}
onSlideChanged(slider) {
onSlideChanged(slider: Slides) {
console.log('Slide changed', slider);
console.log("active index", slider.activeIndex);
}
ngOnInit() {
setTimeout(() => {
this.slider = this.app.getComponent('loopSlider');
console.log('Got slider', this.slider);
});
}
}