title: Angular2 *ngFor in select list, set active based on string from object
body: <p>I'm trying using the <code>ngFor</code> on my select DropDownList. Have loaded in the options which should be in the dropdown. </p>
  
  <p>The code you see here:</p>
  
  <pre><code>&lt;div class="column small-12 large-2"&gt;
      &lt;label class="sbw_light"&gt;Title:&lt;/label&gt;&lt;br /&gt;
      &lt;select [(ngModel)]="passenger.Title"&gt;
         &lt;option *ngFor="#title of titleArray" [value]="title.Value"&gt;{{title.Text}}&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Based on this code, it produces a dropdown which look like this image.</p>
  
  <p><a href="https://i.stack.imgur.com/wcD3g.png" rel="noreferrer"><img src="https://i.stack.imgur.com/wcD3g.png" alt="enter image description here"></a></p>
  
  <p>The problem is that I want to set one of them "Mr or Mrs" as the active one based on the <code>passenger.Title</code> which is a string either "Mr" or "Mrs".</p>
  
  <p>Any can help see what I'm doing wrong here?</p>