title: How to enable or disable input fields dynamically in angular js material design
body: <p>I am having an issue with ng-disable. as i am using angular material i think this is not working. I want my input box to be disabled or enabled dynamically based on condition.</p>
  
  <p>Note:- I have multiple input fields i want disable or enable all of the at a single shot.</p>
  
  <p>I am trying like this</p>
  
  <pre><code>&lt;md-input-container class="md-block" flex-gt-sm&gt;
      &lt;label for="Autocomplete"&gt;From&lt;/label&gt;
      &lt;input required type="text" class = "hideShadow" ng-model="FromLocation"
             uib-typeahead="state for state in states | filter:$viewValue | limitTo:8" 
            class="form-control" ng-disabled="isDisabled"&gt;
      &lt;div ng-messages="searchFlight.FromLocation.$error"&gt;
      &lt;div ng-message="required"&gt;Please enter from location&lt;/div&gt;
       &lt;/div&gt;
  &lt;/md-input-container&gt;
  </code></pre>
  
  <p>I am trying to access <code>ng-disabled="isDisabled"</code> dynamically like this</p>
  
  <pre><code>$scope.isDisabled = true;
  </code></pre>
  
  <p>But this is not working. May i know where i am going wrong?</p>