Angularjs не может получить данные из службы

Question

Я пытаюсь передать данные с одного контроллера на другой с помощью службы, однако независимо от того, что я пытаюсь, он всегда возвращает «undefined» на втором контроллере. Вот моя служба:

app.service('myService', ['$rootScope', '$http', function ($rootScope, $http) { 
var savedData = {} 

this.setData = function (data) { 
    savedData = data; 
    console.log('Data saved !', savedData); 
} 

this.getData = function get() { 
    console.log('Data used !', savedData); 
    return this.savedData; 
} 
}]); 

Вот controller1:

.controller('HomeCtrl', ['$scope','$location','$firebaseSimpleLogin','myService','$cookies','$window', function($scope,$location, $firebaseSimpleLogin, myService, $cookies, $window) { 
loginObj.$login('password', { 
      email: username, 
      password: password 
     }) 
     .then(function(user) { 
      // Success callback 
      console.log('Authentication successful'); 
      myService.setData(user); 
      console.log('myservice:', myService.getData()); // works fine 
}]); 

А потом controller2:

// Dashboard controller 
.controller('DashboardCtrl', ['$scope','$firebaseSimpleLogin','myService',function($scope,$firebaseSimpleLogin, $location, myService) { 

    console.log('myservice:', myService.getData()); //returns undefined 

}]); 

То есть простой код, к сожалению, я боролся в течение нескольких часов в настоящее время , любое предложение ? Благодарю.

Answer 1

Создано скрипку здесь: http://jsfiddle.net/frishi/8yn3nhfw/16

Чтобы изолировать проблему, вы можете удалить зависимости от определения для MYSERVICE и посмотреть, если это делает его работу? Посмотрите на консоль после загрузки скрипки.

var app = angular.module('app', []) 
.service('myService', function(){ 
    this.getData = function(){ 
    return "got Data"; 
    } 
}) 

Answer 2

Я предполагаю, что проблема заключается в том, что вы возвращаете this.savedData в службу. Попытайтесь вернуть savedData.

this ведет себя по-разному в Javascript, чем на других языках.