Handling data binding in AngularJS Services

Question

I\'m trying to figure out how you handle binding properly when my data is stored in a service.

I can get things working if it put the service into the $scope and the

Answer 1

You can bind to services using $watch and passing a function:

$scope.$watch( function () { return myService.drawing; }, function ( drawing ) {
  // handle it here. e.g.:
  $scope.drawing = drawing;
});

And then use $scope.drawing in your templates and they will automatically update:

  {{ drawing }}