服務，其提供一個JSON AngularJS

Question

您好我有一個問題均可進行該服務

app.service('myStorage',function($http, $localStorage){ 
this.getFilms = function(){ 
    /* Carga la lista de peliculas de localStorage si existe*/ 
    if ($localStorage.films && $localStorage.films.length!=0) { 
     return $localStorage.films; 
     console.log($localStorage.films); 
    }else{ 
     $http.get("json/films.json") 
     .then(function(res){ 
     console.log(res.data); 
      return res.data; 
     }); 
    } 
} 

}）;

此的console.log工作得很好，給我對象的數組，但在控制器：

function($scope, $mdDialog, $http, $localStorage, myStorage) { 
    $scope.films=myStorage.getFilms(); 
    console.log($scope.films); 

控制檯說未定義，任何幫助嗎？

Answer 1

您應該返回承諾。就像這樣：

app.service('myStorage',function($http, $localStorage, $q){ 
    this.getFilms = function(){ 
    if ($localStorage.films && $localStorage.films.length!=0) { 
     return $q.when($localStorage.films); 
    } else { 
     return $http.get("json/films.json").then(function(res){ 
     console.log(res.data); 
     return res.data; 
     }); 
    } 
    } 
}); 

而且，現在的控制器，

function($scope, $mdDialog, $http, $localStorage, myStorage) { 
    myStorage.getFilms().then(function(res) { 
    $scope.films = res; 
    console.log($scope.films);   
    }) 
    ... 
})