Javascript 为什么赢了'；我的角度服务不能正常工作吗

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

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我已经创建了两次myApp

请看这里：

---

我已经创建了两次myApp

请看这里：

---

我已经创建了两次myApp

请看这里：

---

我已经创建了两次myApp

请看这里：

---

从服务应用程序声明中删除，[]。仅在从服务应用程序声明中删除、[]时声明应用程序级依赖项。仅在从服务应用程序声明中删除、[]时声明应用程序级依赖项。仅在从服务应用程序声明中删除、[]时声明应用程序级依赖项。只有当应用程序级依赖项在同一文件中时，才能声明它们是否正常工作。谢谢你的帮助。但是我想知道如何让它们在controllers.js和services.js中独立工作？当它们在同一个文件中时，这是正确的。谢谢你的帮助。但是我想知道如何让它们在controllers.js和services.js中独立工作？当它们在同一个文件中时，这是正确的。谢谢你的帮助。但是我想知道如何让它们在controllers.js和services.js中独立工作？当它们在同一个文件中时，这是正确的。谢谢你的帮助。但我想知道如何让他们在controllers.js和services.js中独立工作？

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();
        }
    }])