使用AngularJS[duplicate]缓存JSON

Question

我在控制器中加载JSON，更改重新加载JSON的路径。我想缓存它。

var sampleApp = angular.module('sampleApp', [
    'ngRoute',
    'sampleAppControllers',
]);

var sampleControllers = angular.module('sampleControllers', []);

sampleControllers.controller('PostsCtrl', ['$scope', '$http',
  function($scope, $http) {
    // Should be loaded only on app load
    $http.get('http://example.org/source.json').success(function(data) {
      $scope.posts = data;
    });

    $scope.orderProp = 'id';
  }]);

我试着用它。常量，但无法使其工作：

sampleApp.constant('myCache', ['$http', 
  function($http) {
    $http.get('http://example.org/source.json').success(function(data) {
      return data;
     });
  }]);

sampleControllers.controller('PostsCtrl', ['$scope', 'myCache',
  function($scope, myCache) {
    $scope.posts = myCache;    
    $scope.orderProp = 'id';
  }]);

我正在寻找一种在应用程序启动时加载JSON并在控制器中使用它的方法。

Answer 1

这就是Angular服务的用途——将数据加载到服务中而不是控制器中，并让控制器访问这些数据。服务在应用程序的生命周期中实例化一次，这正是您想要的。