AngularJS : Clear $watch

javascript angularjs watch
kamaci picture kamaci · Feb 19, 2013 · Viewed 120.3k times · Source

I have a watch function in my AngularJS application.

$scope.$watch('quartzCrystal', function () {
   ...
}

However, after some condition (in my example, changing the page at my single-page application) I want to stop that watch (as like clearing timeout).

How can I do that?

Answer

Umur Kontacı picture Umur Kontacı · Feb 19, 2013

$watch returns a deregistration function. Calling it would deregister the $watcher.

var listener = $scope.$watch("quartz", function () {});
// ...
listener(); // Would clear the watch

Related questions

AngularJS : $scope.$watch is not updating value fetched from $resource on custom directive

I'm having an issue with custom directives that's driving me crazy. I'm trying to create the following custom (attribute) directive: angular.module('componentes', []) .directive("seatMap", function (){ return { restrict: 'A', link: function(scope, element, attrs, controller){ function updateSeatInfo(scope, element){ var …

Read More
Angular JS $watch vs $on

I want to execute a function inside a directive, whenever there is a state change in the parent scope. The obvious way to achieve this is to use event broadcasts ($broadcast) and listeners ($on). I am curious if using a $…

Read More
$watch is not working when model is updated in scope.$apply in directive

i have a directive where i have added a watch on the 'existingfiles' model of the directive scope. When there is change in the model through scope.$apply, there is no call to listener in watch. Here is the directive …

Read More