Question

我有一个类似下面的服务：

var app = angular.module('app');
app.service('messagingService', function($http){

this.getMessages = function(offset, limit, successCallback, errorCallback){
// some stuff goes here
};

});

我包含此文件，然后我包含我的控制器文件。

我的控制器就像这样开始

function Inbox($scope, $http, messagingService) {

}

但是当我加载页面时，我收到以下错误：

当我在与控制器相同的文件中使用我的服务代码时，它运行良好。我在这里错过了什么？感谢

Answer 1

您需要将控制器连接到模块。

var app = angular.module('app');
app.service('messagingService', function($http){

this.getMessages = function(offset, limit, successCallback, errorCallback){
   // some stuff goes here
 };

});
app.controller('Inbox',['$scope', '$http', 'messagingService',function($scope, $http, messagingService){}])

Answer 2

好的方法是将服务作为依赖注入例如：

var app = angular.module('ur_app_name')
app.service('messagingService', function($http){

this.getMessages = function(offset, limit, successCallback, errorCallback){
 //some stuff goes here
};

app.controller('GreetingController', ['$scope','messagingService' function($scope,messagingService) {
 //something here
})

Answer 3

尝试以下方法：

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

在您的app.js

中

然后在您的services.js

中

var services = angular.module('app.services');

services('messagingService', function($http){....

当我将服务放在不同的文件时，Angular会抛出错误

3 个答案: