How to enable or disable input fields dynamically in angular js material design

angular-material, angularjs, angularjs-ng-disabled

Solution

I believe the problem is in the way you did bind the property isDisabled.

try this:

$scope.model = {
    isDisabled: true
};

Then:

ng-disabled="model.isDisabled"

This problem occur when we try to bind a primitive property on a directive. We need to bind a attribute of a object to work properly.

Problem

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. Note:- I have multiple input fields i want disable or enable all of the at a single shot. I am trying like this ``` <md-input-container class="md-block" flex-gt-sm> <label for="Autocomplete">From</label> <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"> <div ng-messages="searchFlight.FromLocation.$error"> <div ng-message="required">Please enter from location</div> </div> </md-input-container> ``` I am trying to access `ng-disabled="isDisabled"` dynamically like this ``` $scope.isDisabled = true; ``` But this is not working. May i know where i am going wrong?

Original source