title: $rootScope in angularjs custom property gone after injection
body: <p><a href="http://codepen.io/eldyvoon/pen/ONBZEJ" rel="nofollow"><strong>Problem Related codepen</strong></a></p>
  
  <p>I declared <code>$rootScope.myproperty</code> in main controller and it can be accessed in other controllers. </p>
  
  <p>But in one of the controller I have to inject <code>$rootScope</code> as I used <code>$watch</code>. Then when I check back <code>$rootScope.myproperty</code> it became undefined. Strange why would this happens? </p>