Disable input on button click in angularjs

Question

HTML

<input type="text" ng-model="email" ng-disabled="button" rquired>
<a class="btn" ng-model="button">edit</a>

So basically I want to enable the input field when the button is clicked. I could do this with some javascript but I want to figure out an easy way for this.

The above example does not work. Any ideas why?

joakimbl · Accepted Answer · 2013-05-24 11:49:06Z

17

You can use ng-click to change the value of button:

<input type="text" ng-model="email" ng-disabled="button" required ng-init="button=true">
<a class="btn" ng-click="button=false">enable edit</a>
<a class="btn" ng-click="button=true">disable edit</a>
<a class="btn" ng-click="button=!button">toggle edit</a>

edited May 24, 2013 at 11:49

answered May 24, 2013 at 11:00

joakimbl

18.1k5 gold badges56 silver badges53 bronze badges

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

1 Comment

DarkLeafyGreen Over a year ago

Greate, is there any chance to have the input initally disabled?

Collectives™ on Stack Overflow

Disable input on button click in angularjs

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related