angularjs - Angular 配置中的多个功能

Question

我正在做我的第一个 Angular 项目，目前(再次)陷入困境。

我的问题是我有两个需要在 Angular 配置中实现的功能。

对于 Facebook 连接(我使用 ngFacebook)

对于路由(我使用 ui-router)

我无法理解的是，这两个模块都使用 <angular module>.config ，我不知道如何将这两者结合起来，因为当我阅读 Angular 文档时，它看起来像 it gets a name, and a function .

以下是我当前的代码(这两个单独工作)

var myApp = angular.module('myApp', ['ui.router'])
    .config(function($stateProvider, $urlRouterProvider){
        $urlRouterProvider.otherwise("/state1");
        $stateProvider
          .state('state1',{
            url: 'state1',
            templateUrl: "../pages/form.html"
          });
          $locationProvider.html5Mode(false);
    });



myApp = angular.module('myApp', ['facebook'])

    .config([
        'FacebookProvider',
        function(FacebookProvider) {
            var myAppId = '<FB app id>';
            FacebookProvider.init(myAppId);}

    ]
)

如何将这两个功能合二为一

var myApp = angular.module('myApp', ['facebook','ui.router']).config(
     facebook functon and ui-route function
 ) 

我发现几乎一样的SO question here但不幸的是没有答案。

Answer 1

var myApp = angular.module('myApp', ['ui.router','facebook'])
    .config(function($stateProvider, $urlRouterProvider, FacebookProvider){
        $urlRouterProvider.otherwise("/state1");
        $stateProvider
          .state('state1',{
            url: 'state1',
            templateUrl: "../pages/form.html"
          });
          $locationProvider.html5Mode(false);

        var myAppId = '<FB app id>';
            FacebookProvider.init(myAppId);
    });

那是你要的吗？