title: I need to select the "slides" from each segment
body: <p>I'm new to Angular and Ionic. I'm trying to create an element that when I choose a segment value, it appears a different ion-slides.
  This is the code I have tried so far.</p>
  
  <pre><code>&lt;ion-segment value="Value 1" (ionChange)="segmentChanged(cat)" &gt;
    &lt;ion-segment-button value="cat.value" *ngFor="let cat of items"&gt;
      &lt;ion-label&gt;{{cat.category}}&lt;/ion-label&gt;
    &lt;/ion-segment-button&gt;
  &lt;/ion-segment&gt;
  
  &lt;ion-slides  [options]="sliderConfig"&gt;
    &lt;ion-slide *ngFor="let product of cat.products"&gt;
      &lt;ion-card&gt;
        &lt;ion-card-header&gt;
          &lt;ion-card-title&gt;{{product.name}} &lt;/ion-card-title&gt;
          &lt;ion-card-content&gt;
            &lt;ion-button expand="full"&gt;Item&lt;/ion-button&gt;
          &lt;/ion-card-content&gt; 
        &lt;/ion-card-header&gt;
      &lt;/ion-card&gt;
    &lt;/ion-slide&gt;
  &lt;/ion-slides&gt;
  </code></pre>
  
  <p>However I don't know how to select the value of the segment, because the ngFor is inside the segment-buttons. I also don't know how can I can choose the "Slides" I need to show. In the example I showed previously, each slide is a product from an specific category.</p>