为什么我在angularjs中没有得到函数错误？

Question

我下面这个教程我在Stormpath找到。
我想了解如何AngularJS的作品，但我没有得到编辑功能（控制器）运行。我总是得到类型错误：

TypeError: SearchService.fetch is not a function 

内的调用堆栈它引用EditController在这行代码指向：

SearchService.fetch($stateParams.id, function (response) { 

这里是整个代码EditController：

(function() { 
    'use strict'; 

    angular 
     .module('myApp') 
     .controller('EditController', EditController); 

    EditController.$inject = ['SearchService', '$stateParams']; 

    function EditController(SearchService, $stateParams) { 
     var vm = this; 

     SearchService.fetch($stateParams.id, function (response) { 
      vm.person = response; 
     }); 
    } 


})(); 

但是我有n个o这里有什么问题。我想比较这代码的代码为SearchController - 请参阅下文，

(function() { 
    'use strict'; 

    angular 
     .module('myApp') 
     .controller('SearchController', SearchController); 

    SearchController.$inject = ['SearchService']; 

    function SearchController(SearchService) { 
     var vm = this; 

    vm.search = function(){ 
      SearchService.query(vm.term, function (response) { 
       var results = response.filter(function (item) { 
        return JSON.stringify(item).toLowerCase().includes(vm.term.toLowerCase()); 
       }); 
       vm.searchResults = results; 
      }); 
    } 
    } 
})(); 

这里是SearchService代码：

(function() { 
    'use strict'; 

    angular 
     .module('myApp') 
     .factory('SearchService', SearchService); 

    SearchService.$inject = ['$resource']; 

    function SearchService($resource) { 
     return $resource('/api/search/people.json'); 
    } 

    SearchService.fetch = function (id, callback) { 
     Search.query(function (response) { 
      var results = response.filter(function (item) { 
      return item.id === parseInt(id); 
      }); 
      return callback(results[0]); 
     }); 
    }; 

})(); 

任何一条建议表示赞赏，我已经花了几天时间尝试各种事情。

Answer 1

使搜索服务这样的..

The service factory function generates the single object or function that represents the service to the rest of the application. The object or function returned by the service is injected into any component (controller, service, filter or directive) that specifies a dependency on the service

https://docs.angularjs.org/guide/services

(function() { 
'use strict'; 

angular.module('myApp') 
    .factory('SearchService', SearchService); 

SearchService.$inject = ['$resource']; 

function SearchService($resource, $http) { 
var service = {}; 
service.url = $resource('/api/search/people.json'); 
var req = { 
method: 'GET', 
url: 'http://example.com', 
headers: { 
    'Content-Type': undefined 
}, 
data: { test: 'test' } 

} 

service.fetch = function (id, callback) { 
// $http.get('yourapi.json').then() you can try like this also 
     return $http(req).then(function (response) { 
     var results = response.filter(function (item) { 
     return item.id === parseInt(id); 
     }); 
     return callback(results[0]); 
    }); 
}; 
    return service; 
} 
})();