title: How to set selected item in a dynamic options list in angular
body: <p>I'm getting very confused with this, what I'm trying to do is to show a "pre-selected" option in a dynamic options list that I create by using ngFor angular directive in my ionic app</p>
  
  <p>Right now I have this</p>
  
  <pre><code>  &lt;ion-item&gt;
      &lt;ion-label&gt;Number of Guests&lt;/ion-label&gt;
      &lt;ion-select&gt;
        &lt;ion-option *ngFor="let person of gests" value="{{person.id}}" selected="{person.id[2]}"&gt;{{person.id}}&lt;/ion-option&gt;
      &lt;/ion-select&gt;
    &lt;/ion-item&gt;
  </code></pre>
  
  <p>as you can see, I'm trying to show an item as pre-selected before the user picks one. But I don't have very clear how to do it. Any idea for this? </p>