title: angularjs form-button not validated or enabled
body: <p>I have an angularjs form that pulls default data from scope. With the default data the form is expected to be validated and hence enable the button for submission but the reverse is the case except data is entered on the input field and this enables the button. here is the snippet</p>
  
  <pre><code>&lt;div ng-controller="FormValidationController as frmValidationController" class="ui basic segment"&gt;
  
    &lt;form class="ui form" name="frmValidation" novalidate&gt;    
        &lt;div ng-class = "{'has-error':frmValidation.option1.$invalid &amp;&amp; !frmValidation.option1.$pristine}"
             class="required field"&gt;
            &lt;label&gt;Selection&lt;/label&gt;
            &lt;input ng-model="option" ng-minlength="3" formcontrol
                   name="option1" placeholder="Option" type="text"
                   class="ng-dirty ng-valid ng-touched" required&gt;
             &lt;div _ngcontent-c5="" ngxerrors="option1"&gt;
                 &lt;div class="input-error-message" ngxerror="validName" hidden=""&gt;
                      selection should be there
                  &lt;/div&gt;               
            &lt;/div&gt;
            &lt;p ng-show = "frmValidation.option1.$invalid &amp;&amp; !frmValidation.option1.$pristine"
               class = "input-error-message"&gt;required&lt;/p&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>if the model has data, the button should be enabled on launch but this never happens and I want it to happen</p>
  
  <pre><code>&lt;button ng-click="submit(); frmValidationController.submitForm(frmValidation.$valid)"
      ng-disabled ="!frmValidation.$dirty || frmValidation.$invalid"
      class="ui primary button" tabindex="0" type="submit"&gt;
    Proceed
  &lt;/button&gt;
  </code></pre>