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

myApp.config(function($stateProvider, $urlRouterProvider){
  ...
});

myApp.config(function(FacebookProvider){
  ...
});

或者你可以像这样分开它们

#container {height: 200px; width: 200px; position: relative; background: red;}

Answer 2

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

这就是你想要的吗？

Angular配置中的多个函数

2 个答案: