title: Service properties not binding to scope
body: <p>I have the following service:</p>
  
  <pre><code>angular.module('myApp').factory('MyService', ['$http', function($http) {
  
      var resources = [];
  
      return {
          resources: resources,
          searchForResources: function(data) { return $http.post('/api/search'); },
      }
  
  }]);
  </code></pre>
  
  <p>And in my controller I have:</p>
  
  <pre><code>$scope.resources = MyService.resources;
  MyService.searchForResources().then(function(response) {
      MyService.resources = response.data.resources;
  });
  </code></pre>
  
  <p>My API call is actually returning the correct data, and MyService.reources is being set, it's just that $scope.resources is not updated with the new value of MyService.resources (I have to do this manually).</p>
  
  <p>Shouldn't the line <code>$scope.resources = MyService.resources</code> set up a $watch so that whenever MyService.resources changes, it will also update the value of $scope.resources? How can I make it so this is the case?</p>
  
  <p><strong>Edit:</strong>
  For now, using <code>$scope.$watch(function() { return SearchService.resources; }, function(newValue) { $scope.resources = newValue; });</code> is sufficient.</p>