How to enable or disable input fields dynamically in angular js material design
<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>