title: In ionic framework how to set first ion-segment-button in active state by default?
body: <p>In <code>ionic2</code> how to set the first <code>ion-segment-button</code> in <code>ion-segment</code> to be in <code>active state</code>? I have tried to do it with providing the <code>active class</code> to the <code>ion-segment-button</code> like : </p>
  
  <pre><code> &lt;div padding&gt;
      &lt;ion-segment [(ngModel)]="home_tabs"&gt;
          &lt;ion-segment-button class="segment-button segment-activated"  value="A"&gt;A
          &lt;/ion-segment-button&gt;
          &lt;ion-segment-button value="B"&gt;B
          &lt;/ion-segment-button&gt;
      &lt;/ion-segment&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But this didn't worked. I want make the first <code>ion-segment-button</code> to be inactive state and corresponding, </p>
  
  <pre><code>&lt;ion-list *ngSwitchWhen="'A'" &gt;&lt;/ion-list&gt;
  </code></pre>
  
  <p>to be active state. How to do this? </p>