import { Component , NgModule , ViewChild } from '@angular/core' ; import { BrowserModule } from '@angular/platform-browser' ; import { IonicApp , IonicModule , Slides } from '../../../..' ; @ Component ( { templateUrl : 'main.html' } ) export class E2EPage { @ ViewChild ( Slides ) slider : Slides ; onSlideWillChange ( s ) { console . log ( `onSlideWillChange: ${ s }` ) ; } onSlideDidChange ( s ) { console . log ( `onSlideDidChange: ${ s }` ) ; } onSlideDrag ( s ) { console . log ( `onSlideDrag: ${ s }` ) ; } ngAfterViewInit ( ) { this . slider . paginationBulletRender = ( index , className ) => { return `<span class="${ className }">${ index + 1 }</span>` ; } ; } } @ Component ( { template : '<ion-nav [root]="root"></ion-nav>' } ) export class AppComponent { root = E2EPage ; } @ NgModule ( { declarations : [ AppComponent , E2EPage ] , imports : [ BrowserModule , IonicModule . forRoot ( AppComponent ) ] , bootstrap : [ IonicApp ] , entryComponents : [ AppComponent , E2EPage ] } ) export class AppModule { }