This repository has been archived by the owner on Apr 13, 2022. It is now read-only.
Dev Guide: When to use $scope.$apply()
Adrian edited this page Dec 20, 2017
·
1 revision
Clone this wiki locally
When to use $scope.$apply()
AngularJS provides wrappers for common native JS async behaviors:
- Events =>
ng-click
- Timeouts =>
$timeout
- jQuery.ajax() =>
$http
This is just a traditional async function with a $scope.$apply()
called at the end, to tell AngularJS that an asynchronous event just occurred.
$scope.$apply()
should occur as close to the async event binding as possible.
Do NOT randomly sprinkle it throughout your code. If you are doing
if (!$scope.$$phase) $scope.$apply()
it's because you are not high enough in the call stack.
Whenever possible, use AngularJS services instead of native. If you're creating an AngularJS service (such as for sockets) it should have a $scope.$apply()
anywhere it fires a callback or broadcast/emit.
For example, $rootScope.$apply($rootScope.$broadcast('receivedMsg', msg));
is valid