title: disabling an entire div in angularjs
body: <p>Is there a way to disable an entire div tag in angularjs. I have a div tag that contains inside it several form fields that I want to disable with just one condition. Is this possible? Below is my code.I tried using  but it did not work. Any suggestions would be helpful. Thanks, please see code below. I have the main div tag that contains the form. I want to disable the form based on a condition, so user cannot enter the id and name text fields.</p>
  
  <pre><code>&lt;div&gt;
  &lt;form name="form" role="form" novalidate
  class="ng-scope ng-invalid ng-invalid-required ng-dirty ng-valid-minlength"
  ng-submit="createStudy()"&gt;
  
  
  
  &lt;div class="form-group"&gt;
      &lt;label&gt;ID&lt;/label&gt; &lt;input type="text" class="form-control"
          name="id" ng-model="study.id"&gt;
  &lt;/div&gt;
  
  &lt;div class="form-group"&gt;
      &lt;label&gt;Name&lt;/label&gt; &lt;input type="text" class="form-control"
          name="name" ng-model="study.name" ng-minlength=1
          ng-maxlength=50 ng-required="true"&gt;
  &lt;/div&gt;
  
  
  
  &lt;div class="modal-footer"&gt;
     &lt;a href="#/studies"&gt;&lt;button type="button" class="btn btn-default"
          data-dismiss="modal" ng-click="clear()"&gt;
          &lt;span class="glyphicon glyphicon-ban-circle"&gt;&lt;/span&gt; Cancel
      &lt;/button&gt;&lt;/a&gt;
      &lt;button type="submit" ng-disabled="form.$invalid"
          class="btn btn-primary"&gt;
          &lt;span class="glyphicon glyphicon-save"&gt;&lt;/span&gt; Save
      &lt;/button&gt;
  &lt;/div&gt;
  
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>