Error not showing for Angular Material md-select
<p>I'm trying to implement a form where the error messages don't show up until the submit button is clicked.  For an input, this seems to work out of the box, but for md-select isn't behaving as expected.</p>
<p>When I submit the form (without filling anything out) I get the error message for the input, but not for the md-select.</p>
<p><a href="http://plnkr.co/edit/BDB0NVccWckqgnSYD9Qt?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/BDB0NVccWckqgnSYD9Qt?p=preview</a></p>
<p>Here's the form:</p>
<pre><code>&lt;form name=&quot;userForm&quot; novalidate ng-submit=&quot;test()&quot;&gt;
  &lt;md-input-container&gt;
    &lt;label&gt;Last Name&lt;/label&gt;
    &lt;input name=&quot;lastName&quot; ng-model=&quot;lastName&quot; required&gt;
    &lt;div ng-messages=&quot;userForm.lastName.$error&quot;&gt;
      &lt;div ng-message='required'&gt;This is required!&lt;/div&gt;
    &lt;/div&gt;
  &lt;/md-input-container&gt;

  &lt;md-input-container class=&quot;md-block&quot;&gt;
    &lt;label&gt;Favorite Number&lt;/label&gt;
    &lt;md-select name=&quot;favoriteNumber&quot; ng-model=&quot;myNumber&quot; required&gt;
      &lt;md-option value=&quot;1&quot;&gt;One&lt;/md-option&gt;
      &lt;md-option value=&quot;2&quot;&gt;Two&lt;/md-option&gt;
    &lt;/md-select&gt;
    &lt;div ng-messages=&quot;userForm.favoriteNumber.$error&quot;&gt;
      &lt;div ng-message='required'&gt;This is required&lt;/div&gt;
    &lt;/div&gt;
  &lt;/md-input-container&gt;

  &lt;div&gt;name = {{lastName}}&lt;/div&gt;
  &lt;div&gt;userForm.lastName.$error = {{userForm.lastName.$error}}&lt;/div&gt;
  &lt;div&gt;number = {{myNumber}}&lt;/div&gt;
  &lt;div&gt;userForm.favoriteNumber.$error = {{userForm.favoriteNumber.$error}}  &lt;/div&gt;

  &lt;md-button type=&quot;submit&quot; class=&quot;md-raised md-primary&quot;&gt;Save&lt;/md-button&gt;
&lt;/form&gt;
</code></pre>
<h1>Note that this is fixed as of Angular Material 1.1.1</h1>