AngularJS $apply inside scope

Question

Is there another approach which could be used to carry out the following? This jQuery function is used inside the Angular $scope, and it works fine however it throws an $apply error, essentially because it's seen as an $apply inside an $apply. Yet if I remove $scope.$apply() line it stops working.

function myfunction(start, end) {
        // Lots of jQuery code here - omitted from this example

        // Update the scope 
        $scope.myf = "abc";
        $scope.myt = "def";
        $scope.$apply();
}

myfunction();

_"it works fine however it throws an $apply error" - It cannot be both working and not working. — a better oliver
– a better oliver, Commented Mar 7, 2016 at 13:57
The output desired, is produced yet it throws an error. Perhaps I should re-word. — Rob
– Rob, Commented Mar 7, 2016 at 13:59

Walfrat · Accepted Answer · 2016-03-07 13:27:19Z

1

Either wrap your code in a $timeout or use $apply(). Note that $timeout is calling $apply() internally. $apply is specially made to resync external changes (not in angular loop) with angular.

If your function trigger on click or on event. You can bind your function to angular by using the directive ng-click or ng-[event].

answered Mar 7, 2016 at 13:27

Walfrat

5,3941 gold badge18 silver badges36 bronze badges

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

Comments

Asqan · Accepted Answer · 2016-03-07 13:39:28Z

0

use $scope.$evalAsync() instead. it would not throw an error and do the same in this case.

answered Mar 7, 2016 at 13:39

Asqan

4,51912 gold badges63 silver badges103 bronze badges

1 Comment

Rob Over a year ago

Thank you. Because the function was not tied to a jQuery event - this solution worked perfectly.

Collectives™ on Stack Overflow

AngularJS $apply inside scope

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related