title: $watch for value change from inside angular directive when using isolate scope
body: <p>I am trying to find a way to watch for a changing value of a property in an object I am scoping my directive to and I'm unable to figure out what I'm doing wrong here.</p>
  
  <p>Here is my directive code:</p>
  
  <pre><code>.directive('selectService', [function() {
    return {
      restrict: 'EA',
      scope: {
        distribution: '='
      },
      link: function(scope, element, attrs) {
        scope.$watch(scope.distribution.name, function(newValue) {
          console.log("Changed to " + newValue);
        });
  </code></pre>
  
  <p>So say distribution at the time this gets run is something like this:</p>
  
  <pre><code>{ name: '', type: 'all' ... }
  </code></pre>
  
  <p>I want to $watch for when the property 'name' changes to have a value so that I can enable a select menu in my directive. Everything I've done seems to not work. Any help is appreciated.</p>