Angular JS:使用 $http.get(） 导入 JSON 数据 - 在控制器中工作，不在服务中 - 为什么

我正在尝试将JSON数据导入到angularJS应用程序中。我将我的应用程序拆分为控制器和导入服务，但两者都在不同的文件中。我也在使用 bower、grunt 和 yeoman（这是由于工作，我不太习惯这些，也许还有一个问题。

奇怪的行为是：

我想使用 $http.get（） 检索 JSON 数据并解析它 - 所有这些都在一个服务中完成，这样我就可以将数据对象从那里分发给主控制器，而不必在那里解析它。奇怪的是，我没有得到任何数据，它是空的或不可读的。然后我给出了我$http.get（） mehtod 给出的承诺，并在控制器中解决了它。这不是我想要的，但现在它起作用了......但是为什么？

我想这是某个时候的失误，但我和我的团队成员都找不到。奇怪的是，做一个没有咕噜声的小测试应用程序，yeoman 和 bower 它奏效了。

我会感谢每一个提示或想法...贾娜

这是我在 NOT 工作版本中的代码，首先是带有控制器的主模块：

/** Main module of the application. */
(function () {
  'use strict;'
  angular.module('angularRegelwerkApp', [])
    .controller('RegelwerkCtrl', function ($scope, CategoryFactory) {
      $scope.categories = CategoryFactory.getCategories();
      $scope.subcategories = CategoryFactory.getSubCategories();
    }
  );
})();

服务部分：

(function () {
  'use strict';
  var app = angular.module('angularRegelwerkApp')
    .service('CategoryFactory',
    function ($http) {
      var categories = [];
      var subcategories = [];
      $http.get("../mockdata/categories.json").then(function (response) {
        categories = response.data;
      })
      $http.get('../mockdata/subcategories.json').then(function (response) {
        subcategories = response.data;
      })
      return {
        getCategories: function(){
          return categories;
        },
        getSubCategories: function(){
          return subcategories;
        }
      }
    }
  );
})();

这是我的工作版本的代码，首先是带有控制器的主模块：

/** Main module of the application. */
(function() {
  'use strict;'
  angular.module('angularRegelwerkApp', [])
    .controller('RegelwerkCtrl', function ($scope, CategoryFactory) {
      $scope.categories = [];
      $scope.subcategories = [];
      CategoryFactory.getCategories().then(function(response) {
        $scope.categories = response.data;
      });
      CategoryFactory.getSubCategories().then(function(response) {
        $scope.subcategories = response.data;
      });
    }
  );
}
)();

服务部分：

(function () {
  'use strict';
  var app = angular.module('angularRegelwerkApp')
    .service('CategoryFactory',
    function ($http, $q) {
      var categoryURL = "../mockdata/categories.json";
      var subcategoryURL = '../mockdata/subcategories.json';
      function getSubCategories() {
        return $http.get(subcategoryURL);
      }
      function getCategories() {
        return $http.get(categoryURL);
      }
      return {
        getCategories: getCategories,
        getSubCategories: getSubCategories
      }
    }
  );
})();