javascript - 使用 Angular、未定义服务读取 JSON

Question

我正在尝试使用 Angular 工厂和服务从文件中读取 JSON 数据。但 Angular 看不到我定义的服务。这是我的工厂:

//jsonService.js
angular.module('jsonService', ['ngResource'])
.factory('JsonService', function($resource) {
    alert($resource)
    return $resource('example.json',{}, {
        getData: {method:'GET', isArray: false}
    });
});

还有我的 Controller :

//app.js
'use strict';

angular.module('myApp', [
'ngRoute',
'myApp.view1',
'myApp.view2',
'myApp.version',
'jsonService'
]).config(['$routeProvider', function($routeProvider) {
   $routeProvider.otherwise({redirectTo: '/view1'});
}]).
controller('mainController', ['JsonService', function($scope, JsonService){
    JsonService.getData(function(data) {
      console.log("Test");
      $scope.length = data.length;
  })}]);

我得到:

"Error: JsonService is undefined"

Answer 1

您将注入(inject) 'JsonService' 作为函数的第一个参数，但您正在使用 JsonService 作为函数的第二个参数。

应为 ['JsonService', '$scope', function($scope, JsonService){ 或如果不需要 $scope 则 ['JsonService ', 函数(JsonService){