angularjs $rootScope.watch not working

Question

I am new to angularjs. I am trying to learn $watch property . Here is my plunker.

rootScope.$watch property is executing on page load only and not on text change event. But it works properly with $scope.$watch.

score 11 · Accepted Answer · edited May 23 '17 at 12:09

11

It will work if you turn it to Object , like:

  $rootScope.name = { value:'World'};

And bind it like:

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

edited May 23 '17 at 12:09

Community

answered Dec 02 '13 at 07:58

Ivan Chernykh

its working. but why it doesn't work with string like "$rootScope.name = 'test' " – Sanjay Salunkhe Dec 02 '13 at 09:11
@SanjaySalunkhe Because your `MainCtrl`' scope has inherited the `name` from your `rootScope` , and did it "by value". For more deep understanding i suggest you to read Mark Rajcok' post, it puts everything on its places.. – Ivan Chernykh Dec 02 '13 at 09:16

1 Answers1