title: Angular JS ng-message update only on page submit
body: <p>I have a form wherein I am displaying validation errors only on page submit as in the code below. This validation works fine but as soon as the user corrects the validation on the input field. The validation message goes away immediately. Is there a way to preserve this validation message until the user submits the page again? My requirement is that validation messages should appear and disappear only on page submits.</p>
  
  <pre><code>&lt;span id="error" ng-if="addForm.$submitted"&gt;
          &lt;div class="ErrorMsgBox"&gt;
              &lt;ul&gt;
                  &lt;li ng-messages="addForm.startDate.$error"&gt;
                      &lt;small id="startDate_req" ng-message="required"&gt;Date is mandatory.&lt;/small&gt;                      
                  &lt;/li&gt;                   
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/span&gt;
  </code></pre>
  
  <p>For example, if the user does not give a date and submits the form, the user is presented with a validation message "Date is mandatory". Now when user enters any value, the message goes way. I need this validation message to be retained until the page submit again.</p>
  
  <p>I tried ng-model-options but input field is not retaining the value until the page is submitted. </p>
  
  <pre><code>ng-model-options="{ updateOn: 'submit' }"
  </code></pre>
  
  <p>Please suggest.</p>