title: Nested ngFor to create multiple select
body: <p>Hello I'm new with angular and ionic 3
  I've been trying to figure out how to do a nested <code>ngFor</code> to create a select option based on my records in the database.</p>
  
  <p>I'm using REST API to connect to a PHP page that connects to my mySQL Database.</p>
  
  <p>The record I wanted to use are as follows:</p>
  
  <pre><code>Table 1 (Group)
  
  ID    |    Item ID    |    Description
  
  1 | 1 | Type of bun
  
  2 | 1 | Toppings
  
  3 | 2 | Size
  
  Table 2 (Options)   
  
  ID |    group_id |  Description
  
  1 | 1 | Regular
  
  2 | 1 | Whole Wheat
  
  3 | 1 | Sesame
  
  4 | 2 | Cheese
  
  5 | 2 | Tomato
  
  6 | 3 | Large
  
  7 | 3 | Medium
  
  8 | 3 | Regular
  
  Now i wanted to create a select dropdown like this:
  
  For ITEM ID 1:
  
  Type of Bun
  
  ---- Regular
  
  ---- Whole Wheat
  
  ---- Sesame
  
  Toppings
  
  ---- Cheese
  
  ---- Tomato
  
  For ITEM ID 2:
  
  Size
  
  ---- Large
  
  ---- Medium
  
  ---- Regular
  </code></pre>
  
  <p>I've been trying to do something like:</p>
  
  <pre><code>&lt;ion-item class="item-leave-height" *ngFor="let rec of group"&gt;
    &lt;ion-label&gt;{{rec.ID}}&lt;/ion-label&gt;
    {{getOptions(rec.ID)}} //&lt;-- Call function that gets the records from rest
    &lt;ion-select interface="action-sheet"&gt;
        &lt;ion-option *ngFor="let option of itemOptions;" value="{{ option.ID }}"&gt;{{ option.description }}&lt;/ion-option&gt;
     &lt;/ion-select&gt;
  </code></pre>
  
  <p> </p>
  
  <p><code>getOptions</code> method there will call the service that connects to the REST Api. I know its dirty and I don't like it but I've been trying to figure this out almost the whole day :(</p>
  
  <p>Can someone help me, please?</p>