title: Disable button and Forms in angularJs
body: <p>Hi can someone help me with this, I dont know why my form or buttons is not disabling while uploading the file. Thank you.</p>
  
  <pre><code>&lt;div&gt;
      &lt;form name="formImport" ng-submit="addImportFile()" class="col-lg-12 table-responsive" ng-init="loadlistimport()" novalidate="novalidate" &gt;
              &lt;div class="form-group"&gt;&lt;br&gt;
                  &lt;label for="cut_off_list" class="col-lg-12"&gt;Cut Off List:&lt;/label&gt;
                  &lt;div class="col-lg-4"&gt;
                    &lt;select class="form-control" ng-model="CutOffListTemp.id"
                                  ng-options="g.id as g.cutOffList for g in CutOffListTemp"
                                  required="required"&gt;
                              &lt;option value=""&gt;-- choose type --&lt;/option&gt;
                          &lt;/select&gt;
                  &lt;/div&gt;
                &lt;/div&gt;&lt;br&gt;&lt;br&gt;&amp;nbsp;
  
                  &lt;label class="col-lg-12"&gt;FILE&lt;/label&gt;
                  &lt;label class="col-lg-12"&gt;Select:&lt;/label&gt;
                  &lt;div class="col-lg-4" &gt;
                      &lt;input id="file" type="file" name="file" ng-model="file_1" class="file btn btn-default" ng-disabled="CutOffListTemp.id== Null" data-show-preview="false" required&gt; &lt;br&gt;
                  &lt;button type="submit" class="btn btn-primary" ng-disabled="!formImport.$valid"&gt;Upload&lt;/button&gt;
                  &lt;img src="/images/332.GIF" ng-if="dataLoading" /&gt;
  
                  &lt;/div&gt;&lt;br/&gt;&lt;br/&gt;
  
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>