Angular ng-disabled with function

Question

I want to use disabled-ng with dynamic value returned from a function.

I have tried several ways but it is not working.

<textarea id="{{exercise.type}}" ng-disabled={{prova}}></textarea>
......
<textarea id="{{exercise.type}}" ng-disabled=prova></textarea>
......
<textarea id="{{exercise.type}}" ng-disabled=prova()></textarea>

with this javascript function

$scope.prova=function(e){               
               return true;
       };

Ivan Chernykh · Accepted Answer · 2013-10-02 14:25:01Z

31

Try this syntax:

ng-disabled="prova()"

Example: http://jsfiddle.net/3eqz2/2/

edited Oct 2, 2013 at 14:25

answered Oct 2, 2013 at 13:55

Ivan Chernykh

42.2k13 gold badges136 silver badges148 bronze badges

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

3 Comments

GregJF Over a year ago

using a function can cause a $digest iterator overload, when the element is bound to a model that is loaded dynamically

Jon Kump Over a year ago

@GregJF I am having a problem with $digest iterator overload. How do you work around this?

Anatoli Klamer Over a year ago

function should be fast and simple, return value for example, calculate this value when something changes, for example use get/set function on your model properties to calculate valuefor ng-disabled function. Also angular often can use valueOf or toString, if you are return an object in prova() function

David Buck · Accepted Answer · 2020-10-26 16:08:16Z

0

Digest loops happen when the function, changes view model data. If your function does not change the view model, it shouldn't cause a digest loop.

ng-if is a good example of something that will cause a digest loop.

This is in response to 'what to do when you have a digest loop.'

Answer:

Don't use function in things that trigger the view model.

edited Oct 26, 2020 at 16:08

David Buck

3,87740 gold badges54 silver badges73 bronze badges

answered Oct 26, 2020 at 15:39

Mike Mason

31 bronze badge

Collectives™ on Stack Overflow

Angular ng-disabled with function

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related