title: AngularJS watch an object as a whole not each property independent
body: <p>I have an object that looks like this:</p>
  
  <pre><code>messages = {
  prop1: "text1",
  prop2: "text2",
  prop3: "text3"
  }
  </code></pre>
  
  <p>I use the properties in different places in my html template like </p>
  
  <pre><code>&lt;span&gt;{{messages.prop1}}&lt;/span&gt;
  &lt;div&gt;{{messages.prop2}}&lt;/div&gt;
  </code></pre>
  
  <p>The problem is that when I check $rootScope.$$watchers I see a watch for every property. Is there a way to have angular only watch for the entire object and not each property individual?</p>