title: Angular Material: mat-select not selecting default
body: <p>I have a mat-select where the options are all objects defined in an array.  I am trying to set the value to default to one of the options, however it is being left selected when the page renders.</p>
  <p>My typescript file contains:</p>
  <pre><code>  public options2 = [
      {&quot;id&quot;: 1, &quot;name&quot;: &quot;a&quot;},
      {&quot;id&quot;: 2, &quot;name&quot;: &quot;b&quot;}
    ]
    public selected2 = this.options2[1].id;
  </code></pre>
  <p>My HTML file contains:</p>
  <pre><code>  &lt;div&gt;
      &lt;mat-select
          [(value)]=&quot;selected2&quot;&gt;
        &lt;mat-option
            *ngFor=&quot;let option of options2&quot;
            value=&quot;{{ option.id }}&quot;&gt;
          {{ option.name }}
        &lt;/mat-option&gt;
      &lt;/mat-select&gt;
    &lt;/div&gt;
  </code></pre>
  <p>I have tried setting <code>selected2</code> and the <code>value</code> in <code>mat-option</code> to both the object and its id, and have tried using both <code>[(value)]</code> and <code>[(ngModel)]</code> in the <code>mat-select</code>, but none are working.</p>
  <p>I am using material version 2.0.0-beta.10</p>