8000 Dev Guide: When to use $scope.$apply() · angular/angular.js Wiki · GitHub
[go: up one dir, main page]
Skip to content
This repository was archived by the owner on Apr 12, 2024. It is now read-only.

Dev Guide: When to use $scope.$apply()

Jump to bottom
Adrian edited this page Dec 20, 2017 · 1 revision

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

AngularJS

Clone this wiki locally
0