title: watch factory variable with Angular
body: <p>My single page application has 2 controllers : the first is for my main menu and the second is for the view. They share data with this factory</p>
  
  <pre><code>myApp.factory('MenuFactory', function(){
  var factory = {
      Monitor: "doneJob",
      Control: "",
      Report: "",
      Display: "",
      setMonitor: function(value){
          factory.Monitor = value;
      },
      setControl: function(value){
          factory.Control = value;
      },
      setReport: function(value){
          factory.Report = value;
      },
      setDisplay: function(value){
          factory.Display = value;
      }
  
  };
  return factory;
  });
  </code></pre>
  
  <p>I would like to watch change on <code>factory.Control</code>, but i can't make it works.</p>
  
  <p>When i try this: </p>
  
  <pre><code>$scope.$watch(function(){MenuFactory.Control}, function(NewValue, OldValue){
      console.log(NewValue + ' ' + OldValue);
      console.log(MenuFactory.Control);
  }, true);
  </code></pre>
  
  <p>I get "undefined undefined" and "Process" in console. Is there any problem with my $watch implementation for this factory ?</p>