title: Swipe through segment tabs - Ionic 3
body: <p>The code below uses segments from ionic 3. docs show the use of ngSwitch, ngModel. but I would like to simply swipe on the segment and switch to another segment tab. How can I achieve this? </p>
  
  <p>I am not interested in swiping the tabs at the top but by swiping on the content i would like to change the segment tab.</p>
  
  <p><a href="https://i.stack.imgur.com/3SVTe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3SVTe.png" alt="segment swipe"></a></p>
  
  <pre><code>&lt;ion-content padding&gt;
  
    &lt;div&gt;
      &lt;ion-segment [(ngModel)]="abc"&gt;
        &lt;ion-segment-button value="Segment1"&gt;
          Segment Title
        &lt;/ion-segment-button&gt;
        &lt;ion-segment-button value="segment2"&gt;
          Segment Title
        &lt;/ion-segment-button&gt;
      &lt;/ion-segment&gt;
    &lt;/div&gt;
  
    &lt;div [ngSwitch]="abc"&gt;
      &lt;ion-list *ngSwitchCase="'segment2'" class="list-fixed"&gt;
        &lt;ion-item&gt;
          &lt;ion-thumbnail item-start&gt;
            &lt;img src="assets/imgs/1.jpg"&gt;
          &lt;/ion-thumbnail&gt;
          &lt;h2&gt;List Item 1&lt;/h2&gt;
          &lt;p&gt;List Item Subtitle&lt;/p&gt;
          &lt;button ion-button clear item-end&gt;View&lt;/button&gt;
        &lt;/ion-item&gt;
      &lt;/ion-list&gt;
  
      &lt;ion-list *ngSwitchCase="'segment1'" class="list-fixed"&gt;
        &lt;ion-item&gt;
          &lt;ion-thumbnail item-start&gt;
            &lt;img src="assets/imgs/3.png"&gt;
          &lt;/ion-thumbnail&gt;
          &lt;h2&gt;List Item Title 1&lt;/h2&gt;
          &lt;p&gt;Subheading&lt;/p&gt;
          &lt;button ion-button clear item-end&gt;View&lt;/button&gt;
        &lt;/ion-item&gt;
      &lt;/ion-list&gt;
    &lt;/div&gt;
  </code></pre>