AngularJS: $watch event was not fired

Question

Attempting a simple task here.

Inside my controller:

  $scope.testObject = { name : 'john' };

  $scope.$watch('$scope.testObject.name', function (e, n, v) {
      console.log('reached');
  });

In my view:

  <input type="text"  ng-model="testObject.name"/>

The input field is connected to the testObject's name property and upon loading the controller, it enters the $watch function.

But when I modify the input value, the $watch function doesn't get activated. Any idea why?

I also attempted setting the third parameter of $watch to true, but it had no impact.

Answer 1

Answer №1

To enhance your code, consider eliminating the $scope from your watch function. Here is a revised example:

$watch('testObject.name', function(event, newValue, oldValue){
    console.log("The event was triggered");
});

Answer 2

To enhance your code, consider eliminating the $scope from your watch function. Here is a revised example:

$watch('testObject.name', function(event, newValue, oldValue){
    console.log("The event was triggered");
});

Answer 3

Try using the following code snippet:

$scope.$watch('testObject.name', function(e,n,v){
    console.log("reached");
});

If you want to add another observer, you can do it like this:

$scope.$watch('testObject.attr1 + testObject.attr2', function(e,n,v){
    console.log("reached");
});

Alternatively, you can use the following syntax:

$scope.$watch('testObject', function(e,n,v){
    console.log("reached");
}, true);

Answer 4

Try using the following code snippet:

$scope.$watch('testObject.name', function(e,n,v){
    console.log("reached");
});

If you want to add another observer, you can do it like this:

$scope.$watch('testObject.attr1 + testObject.attr2', function(e,n,v){
    console.log("reached");
});

Alternatively, you can use the following syntax:

$scope.$watch('testObject', function(e,n,v){
    console.log("reached");
}, true);