$timeout / $apply / $digest in modern Angular

There is no digest cycle. Updating a signal tells Angular what changed, wherever the update comes from.

$timeout(function () { vm.saved = false; }, 2000);

socket.on('message', function (msg) {
  $scope.$apply(function () { vm.messages.push(msg); });
});

setTimeout(() => this.saved.set(false), 2000);

socket.on('message', msg => {
  this.messages.update(list => [...list, msg]);
});

What changes

• $timeout and $interval become setTimeout, setInterval or RxJS timer.
• $scope.$apply is not needed: signal updates work from any callback.
• The '$digest already in progress' error disappears with the digest cycle.

Related

• ng-transclude
• $httpProvider.interceptors
• form validation (ng-required, $error)
• $stateChangeStart / transition hooks