Swipe not working in Tabs

Hi,
I am trying to implement swipe in tabs, but when ever i run the app using “ionic serve” swipe doesn’t work,
but if i save something in code and the app rebuilds, then it starts working. Searched a lot regarding this issue, but no luck yet. Following is my code :-

tab1.html

<ion-content padding (swipe)="swipe($event)">

 <button ion-button on-tap="onTap('top')" >Tabs at Top</button>
<br>
<br>
<button ion-button on-tap="onTap('bottom')">Tabs at Bottom</button><br>
<br>

<p>{{today | date:'full'}}</p> 

</ion-content>

tab1.ts

swipe(event)
  {
if (event.direction === 2) {
  this.navCtrl.parent.select(1);
}
}

i know its late but it might help some one, the (swipe) doesn’t work in ion-content tag u need to place the (swipe) in a div and enclose the whole page in it.

<ion-content padding >
<div (swipe)="swipe($event)">
 <button ion-button on-tap="onTap('top')" >Tabs at Top</button>
<br>
<br>
<button ion-button on-tap="onTap('bottom')">Tabs at Bottom</button><br>
<br>

<p>{{today | date:'full'}}</p> 
</div>
</ion-content>