when calling {{ storyDetail }} in my template it will not update (it is initiated earlier as an empty object just for testing sake. The log displays the correct value (object).

stories.js

this.getStory = function(id) {
  storyService.getStory(id)
  .then(function(data) {
    if (data !== undefined) {
      $scope.storyDetail = data;
      console.log($scope.storyDetail);
    }
    else {
      console.log("something went wrong with the data");
    }
  }, function(error) {
    $scope.storyDetail = error.status + " " + error.statusText;
  });
};