AngularJS 应用程序：从 JSON 加载数据一次并在多个控制器中使用它

我正在开发一个使用 AngularJS 作为框架的移动应用程序，目前我有一个与此类似的结构：

app.config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl : 'pages/home.html',
            controller  : 'homeCtrl'
        })

        .when('/one', {
            templateUrl : 'pages/one.html',
            controller  : 'oneCtrl'
        })

        .when('/two', {
            templateUrl : 'pages/two.html',
            controller  : 'twoCtrl'
        });
}]);

app.controller('homeCtrl', ['$scope', function($scope) {

}]);

app.controller('oneCtrl', ['$scope', function($scope) {

}]);

app.controller('twoCtrl', ['$scope', function($scope) {

}]);

然后我用一个显示内容ng-view:

<div class="ng-view></div>

一切运行良好，但我需要从 JSON 文件加载数据以填充应用程序的所有内容。我想要的是进行 AJAX 调用只有一次然后通过我所有不同的控制器传递数据。在我的第一次尝试中，我想创建一个带有$http.get()并将其包含在每个控制器中，但它不起作用，因为每次我注入和使用该服务时它都会发出不同的 ajax 请求。由于我是新使用角度的，所以我想知道什么是最好的方法或更“角度的方法”来实现这一点而不搞乱它。

Edit:我正在添加服务的代码，这只是一个简单的$http.get要求：

app.service('Data', ['$http', function($http) {
    this.get = function() {
        $http.get('data.json')
        .success(function(result) {
            return result;
        })
    }
});

初始化 Promise 一次，并返回对其的引用：

无需初始化另一个承诺。 $http 返回 1。

只需钉一个.then()呼吁你承诺修改结果

angular.module('app', [])
  .service('service', function($http){
    this.promise = null;
    function makeRequest() {
         return $http.get('http://jsonplaceholder.typicode.com/posts/1')
             .then(function(resp){
                  return resp.data;
             });
    }
    this.getPromise = function(update){
      if (update || !this.promise) {
         this.promise = makeRequest();
      }
      return this.promise;      
    }
  })

Codepen 示例 http://codepen.io/danemacaulay/pen/PqjEqr?editors=101

编辑：您可以考虑使用 $http 缓存。它可以达到相同的结果。来自文档 https://docs.angularjs.org/api/ng/service/%24http#caching:

如果使用尚未填充的同一缓存发出多个相同的请求，则将向服务器发出一个请求，其余请求将返回相同的响应。