Como puedo cargar facebook con AngularJs,para usar Facebook UI?

时间:2014-03-06 21:52:19

标签: javascript facebook angularjs

我需要将FB与Angularjs应用程序集成,我正在开始,我不知道该怎么做。

1 个答案:

答案 0 :(得分:1)

Si,claro,

哟使用un modulo que se llama easyfb。

Yo pase por un problema tratando de integrarlo y este plugin esta muy bien implementado。

En tu app.js config registras tu app id que esta registrada previamente en Fb developers

.config(function ($FBProvider) {
  $FBProvider.setInitParams({
    appId: 'xxxxxxxxxxxxxx'
  });  
})

Para usar FB.ui

lo pasas por inyeccion en el controller

.controller('CatalogoController', ['$scope', '$FB', function($scope, $FB) {

 $FB.ui(
                    {
                        method: 'send',
                        name: 'angular-easyfb API demo',
                        picture: 'http://plnkr.co/img/plunker.png',
                        link: 'http://plnkr.co/edit/qclqht?p=preview',
                        description: 'angular-easyfb is an AngularJS module wrapping Facebook SDK.' +
                                ' Facebook integration in AngularJS made easy!' +
                                ' Please try it and feel free to give feedbacks.'
                    },
            null
                    );

}]);

Yo tuve problemas con otros plugins y escogi este por facil de usar。

This was my Issue

GitHub链接https://github.com/pc035860/angular-easyfb

Plunker Demo Plunker

<强>翻译

课程

我使用ng-module easyfb,尝试集成FBSdk时遇到了同样的麻烦。

使用您的应用ID

添加配置
 .config(function ($FBProvider) {
      $FBProvider.setInitParams({
        appId: 'xxxxxxxxxxxxxx'
      });  
    })

然后将FB对象注入控制器并实现,然后使用FB.ui方法。