title: Angular translate directive not working with ngMessage
body: <p>Simple input from an AngularJS example:</p>
  
  <pre><code>&lt;body ng-controller="myappCtrl"&gt;
  &lt;form name="myForm"&gt;
    &lt;label&gt;Enter your number:&lt;/label&gt;
    &lt;input type="number" name="myNumber" ng-model="name" min="{{minvalue}}" max="{{maxvalue}}"/&gt;
    &lt;pre&gt;myForm.myNumber.$error = {{ myForm.myNumber.$error | json }}&lt;/pre&gt;
    &lt;pre&gt;myForm.$valid = {{ myForm.$valid | json }}&lt;/pre&gt;
  
    &lt;div ng-messages="myForm.myNumber.$error" style="color:red"&gt;
      &lt;div ng-message="number"&gt;You did not enter a valid number&lt;/div&gt;
      &lt;div ng-message="min"&gt;Your field value is lesser minimum value&lt;/div&gt;
      &lt;div ng-message="max" translate="FORM.MAXVALUE"&gt;&lt;/div&gt;
    &lt;/div&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>
  <a href="http://plnkr.co/edit/Zd590IhZrIugcvs9FZoQ?p=preview" rel="nofollow noreferrer">link to plnkr</a></p>
  
  <p>When you enter a value higher than 5 a translated error message should be visible.
  It does not work when I use the translate directive.</p>