Angularjs FaceBook Like 按钮答案

【问题标题】：Angularjs FaceBook LIke buttonAngularjs FaceBook Like 按钮
【发布时间】：2014-10-23 02:58:32
【问题描述】：

我有一个 Angular 应用程序，在该应用程序中，我希望每个图像都有一个类似 Facebook 的按钮。我如何与 Facebook API 集成。同样，当用户单击 Facebook 图像的点赞按钮时，我想增加点赞数。我应该使用静态计数器还是可以从 Facebook 获取返回值如果有人向我提供一些 Facebook 之类的与 Angular 应用程序集成的链接，那将会很有帮助。

谢谢

【问题讨论】：

你能接受解决方案吗？

标签： facebook angularjs

【解决方案1】：

angular-facebook 有一个非常不错的模块。看看

https://github.com/pc035860/angular-easyfb

你可以用它做这样的事情。

<div class="fb-like" onrender="fbLikeRendered()"
  data-href="https://developers.facebook.com/docs/plugins/" 
  data-layout="standard" 
  data-action="like" 
  data-show-faces="true" 
  data-share="true"></div>

【讨论】：

我无法让这个模块工作。这可能是我的实现的问题，但我试图将$facebookProvider 服务注入app.config() 函数，如下所示：app.config ([ '$facebookProvider', function( $facebookProvider )] );，我的控制台尖叫，说它不知道$facebookProvider 是什么。你有使用这种方法的例子吗？

【解决方案2】：

我最近为 Facebook Like 和其他一些社交分享按钮创建了一些简单的指令，您可以在 http://jasonwatmore.com/post/2014/08/01/AngularJS-directives-for-social-sharing-buttons-Facebook-Like-GooglePlus-Twitter-and-Pinterest.aspx 看到一个工作演示和完整的详细信息

这是帖子中 Facebook Like 指令的代码：

angular.module('myApp')
  .directive('fbLike', [
      '$window', '$rootScope', function ($window, $rootScope) {
          return {
              restrict: 'A',
              link: function (scope, element, attrs) {
                  if (!$window.FB) {
                      // Load Facebook SDK
                      $.getScript('//connect.facebook.net/en_US/sdk.js', function () {
                          $window.FB.init({
                              appId: $rootScope.facebookAppId,
                              xfbml: true,
                              version: 'v2.0'
                          });
                          renderLikeButton();
                      });
                  } else {
                      renderLikeButton();
                  }

                  function renderLikeButton() {
                      element.html('<div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>');
                      $window.FB.XFBML.parse(element.parent()[0]);
                  }
              }
          };
      }
  ]);

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。
公平点，我刚刚为 fb like 按钮添加了代码示例
非常好的一个。非常感谢:)
你能告诉我如何调整fb Like按钮的大小（给一个大尺寸）吗？提前致谢。