为什么我的Angular服务无法正常工作

时间:2014-07-22 23:31:24

标签: javascript angularjs

我正在使用以下代码创建服务:

angular.module('myApp' , []).
service('facebook' , ['$window' , function(){
return function(){
    alert('hello!')
}
}])

并尝试使用此代码在我的控制器中使用它:

angular.module('myApp' , [])
.controller('mainControl' , ['$scope' , '$http' , '$log', 'facebook' , function($scope,$http,$log,facebook){
    $scope.$log = $log;
    $scope.message = 'hello world!';
    $scope.callFacebook = function(){
        facebook();
    }
}])

但是我一直收到这个错误:'未知提供商:facebookProvider< - facebook ...这个错误是因为$ injector无法解析所需的依赖关系。'

我觉得我正在按照文件发球。我错过了什么?

1 个答案:

答案 0 :(得分:3)

我已经创建了两次myApp。

请参见此处:http://jsbin.com/bopumo/2/edit

var app = angular.module('app', []);
    app.service('facebook' , ['$window' , function($window){
    return function(){
        alert('hello!')
    }
    }])

    app.controller('mainControl' , ['$scope' , '$http' , '$log', 'facebook' , function($scope,$http,$log,facebook){
        $scope.$log = $log;
        $scope.message = 'hello world!';

        $scope.callFacebook = function(){
            facebook();
        }
    }])