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

Question

我正在尝试实施Facebook提供商（angular-facebook.js），如下图所示：

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