Angular : disable a text input

Question

I have an input text which is disabled by default :

 <input type="text" ng-model="city.name" class="form-control"
                                   disabled
                                   name="name">

But i want to enable it when the input country is not null :

   <input type="text" ng-model="country.name" class="form-control"
                                         >

How can i do this in the angular controller ? i start with something like this in my controller but i dont know how to enable it once the country value is not null

  // Watch if the country value is not null
            $scope.$watch("country.name", function (value) {
                if (value !=null) {
                    // enable the city field
                }
            },true);

Thanks

Mathew Berg · Accepted Answer · 2015-10-15 18:19:35Z

1

You can use ng-disabled without going into the controller:

<input type="text" ng-model="city.name" class="form-control" ng-disabled="!country.name" name="name">
<input type="text" ng-model="country.name" class="form-control">

answered Oct 15, 2015 at 18:19

Mathew Berg

28.8k11 gold badges72 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular : disable a text input

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related