title: Angular Material mat-select set default selected value
body: <p>I am using Angular 7 and <a href="https://material.angular.io/components/select/overview" rel="nofollow noreferrer">Angular Material</a>. I want my  to have a default value, but it is not working as expected. </p>
  
  <pre><code> &lt;mat-select required [(value)]="userProfile.gender"&gt;
      &lt;mat-option value="Male"&gt;Male&lt;/mat-option&gt;
      &lt;mat-option value="Female"&gt;Female&lt;/mat-option&gt;
    &lt;/mat-select&gt;
  </code></pre>
  
  <p>userProfile does have a property and the value is Male in my test case, but nothing is being selected in the html. What am I doing wrong?</p>