title: ngMessages gives error first then resolves
body: <p>I have a situation which i dont think that i can reproduce easily on codepen but I will try to be as to the point as possible and any help or direction is appreciated.</p>
  
  <p>This is the form excerpt (I stashed the classes to keep the example simpler/readable)</p>
  
  <p>When the value of the textbox is changed the first time (when i enter something the first time) it gives out an <code>GroupsProfile.name.$error</code> error which causes class "has-error" to pop out. now if I change the value again (even to same text) I get all ok.</p>
  
  <p><em>This has nothing to do with ng-change or ng-click as I tried removing them and still same.</em></p>
  
  <pre><code>  &lt;div class="{{(GroupsProfile.name.$error &amp;&amp; GroupsProfile.name.$touched) ? ' has-error ' : ''}}"&gt;
      &lt;input type="text" ng-model="grp.name" name="name" required ng-change="check_grp()"/&gt;
      &lt;div ng-messages="GroupsProfile.name.$error" ng-if="GroupsProfile.name.$touched"&gt;
        &lt;div ng-message="required"&gt;Group Name is required.&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>with a little hard-work I have created a <a href="http://codepen.io/Rohithzr/pen/oxeZYQ" rel="nofollow">pen</a></p>
  
  <p>to check for problem load the pen then write  letter in the field, and move out. u will see the error</p>
  
  <p>to reproduce the error you will have to reload the page</p>