diff --git a/example/src/app/app.component.html b/example/src/app/app.component.html
index de1aff4..ac02b1f 100644
--- a/example/src/app/app.component.html
+++ b/example/src/app/app.component.html
@@ -28,7 +28,7 @@
       <div class="box-title">Swiper</div>
 
       <div class="content-container" fxLayout="column" fxLayoutAlign="stretch" fxFlex="auto">
-        <swiper *ngIf="type == 'component' && show" class="swiper-container" fxFlex="auto" [config]="config" [disabled]="disabled" (indexChange)="onIndexChange($event)" (swiperTransitionEnd)="onTransitionEnd($event)">
+        <swiper *ngIf="type == 'component' && show" class="swiper-container" fxFlex="auto" [config]="config" [disabled]="disabled" (indexChange)="onIndexChange($event)" (swiperTransitionStart)="onSwiperEvent('transitionStart')" (swiperTransitionEnd)="onSwiperEvent('transitionEnd')">
           <div *ngFor="let slide of slides" class="swiper-slide">
             <div fxLayout="column" fxLayoutAlign="center center" fxFlexFill>
               {{slide}}
@@ -36,7 +36,7 @@
           </div>
         </swiper>
 
-        <div *ngIf="type == 'directive' && show" class="swiper-container" [disabled]="disabled" [swiper]="config" (indexChange)="onIndexChange($event)" (swiperTransitionEnd)="onTransitionEnd($event)">
+        <div *ngIf="type == 'directive' && show" class="swiper-container" [disabled]="disabled" [swiper]="config" (indexChange)="onIndexChange($event)" (swiperTransitionStart)="onSwiperEvent('transitionStart')" (swiperTransitionEnd)="onSwiperEvent('transitionEnd')">
           <div class="swiper-wrapper">
             <div *ngFor="let slide of slides" class="swiper-slide">
               <div fxLayout="column" fxLayoutAlign="center center" fxFlexFill>
diff --git a/example/src/app/app.component.ts b/example/src/app/app.component.ts
index 5277693..f53da57 100644
--- a/example/src/app/app.component.ts
+++ b/example/src/app/app.component.ts
@@ -109,7 +109,7 @@ export class AppComponent {
     console.log('Swiper index: ', index);
   }
 
-  public onTransitionEnd(event: any[]): void {
+  public onSwiperEvent(event: string): void {
     console.log('Swiper event: ', event);
   }
 }
diff --git a/src/lib/swiper.directive.ts b/src/lib/swiper.directive.ts
index 857d9b4..cb1a879 100644
--- a/src/lib/swiper.directive.ts
+++ b/src/lib/swiper.directive.ts
@@ -148,7 +148,7 @@ export class SwiperDirective implements AfterViewInit, OnDestroy, DoCheck, OnCha
     SwiperEvents.forEach((eventName: SwiperEvent) => {
       let swiperEvent = eventName.replace('swiper', '');
 
-      swiperEvent = eventName.charAt(0).toLowerCase() + eventName.slice(1);
+      swiperEvent = swiperEvent.charAt(0).toLowerCase() + swiperEvent.slice(1);
 
       this.instance.on(swiperEvent, (...args: any[]) => {
         if (args.length === 1) {