javascript - AngularJS - 未捕获的错误：myApp 预期的服务名称

Question

我正在尝试实现 Facebook 提供程序（angular-facebook.js），如下面的 plnkr 所示：

http://plnkr.co/edit/dDAmvdCibv46ULfgKCd3?p=preview

但是，我对我的配置文件做了一些散列。plnkr 示例不使用路由提供程序，因此我不确定如何构建我的 .config 以利用路由提供程序并初始化我的 Facebook 实现：

当前但不工作

'use strict';
var myApp = angular.module('myApp ', ['facebook'])
.config(
    ['FacebookProvider',
    function(FacebookProvider){
        var myAppId = '4605923966';

        FacebookProvider.init(myAppId);
    },
    function($routeProvider)
    {
        $routeProvider.when('/admin/area',
        {
            templateUrl: 'app/admin/area/index.html'
        });

    }]
);

Answer 1

该方法config仅将一个函数作为参数，因此您需要像这样将两者都注入FacebookProvider其中$routeProvider：

'use strict';

var myApp = angular.module('myApp ', ['facebook'])
.config(['FacebookProvider', '$routeProvider',
    function(FacebookProvider, $routeProvider) {
        var myAppId = '4605923966';

        FacebookProvider.init(myAppId);

        $routeProvider.when('/admin/area', {
            templateUrl: 'app/admin/area/index.html'
        });
    }]);