title: Using <ion-segment>, data inserted in form is lost when changing segments
body: <p>I'm building an hybrid app using Ionic3+Angular, and I'm stuck on this:</p>
  
  <p>I have a form separated in segments (A and B), like this:</p>
  
  <pre><code>&lt;form [formGroup]="testForm"&gt;     
    &lt;ion-segment formControlName="segmentTest" [(ngModel)]="segmentTest"&gt;
      &lt;ion-segment-button value="A"&gt;
        Segment A
      &lt;/ion-segment-button&gt;
      &lt;ion-segment-button value="B"&gt;
        Segment B
      &lt;/ion-segment-button&gt;    
    &lt;/ion-segment&gt; 
  
    &lt;div [ngSwitch]="segmentTest"&gt;        
      &lt;ion-list *ngSwitchCase="'A'"&gt;
        &lt;ion-item&gt;
          &lt;ion-label  floating&gt;Input A&lt;/ion-label&gt;
          &lt;ion-input type="number"&gt;&lt;/ion-input&gt;
        &lt;/ion-item&gt;
      &lt;/ion-list&gt;
      &lt;ion-list *ngSwitchCase="'B'"&gt;
        &lt;ion-item&gt;
          &lt;ion-label  floating&gt;Input B&lt;/ion-label&gt;
          &lt;ion-input type="number"&gt;&lt;/ion-input&gt;
        &lt;/ion-item&gt;
      &lt;/ion-list&gt;    
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>The problem is</strong>: when I insert some data in the Input A (Segment A) and then I change to Segment B, when I return to Segment A its input's data is lost/blank.</p>
  
  <p>What should I do to fix it? Is there another component I could use to get the same results as Segment?  </p>