AngularJs 和 Facebook 评论 [英] AngularJs and Facebook Comments

查看：29 发布时间：2021/11/15 0:20:18 javascript angularjs facebook api

本文介绍了AngularJs 和 Facebook 评论的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试在我的 html 上动态更新 facebook 的评论，但是没有显示，请关注我的 Plunker.

可以做些什么来呈现评论?

http://plnkr.co/edit/ggt7r0

var app = angular.module('plunker', []);app.controller('MainCtrl', function($scope) {$scope.fbComments = '<div id="commentarios" class="fb-comments" data-href="http://developers.facebook.com/docs/plugins/comments/" data-width="100%" data-numposts="5"></div>';});

<html ng-app="plunker"><头><meta charset="utf-8"/><title>AngularJS Plunker</title><script>document.write('<base href="' + document.location + '"/>');</script><link href="style.css" rel="stylesheet"/><script data-semver="1.2.13" src="http://code.angularjs.org/1.2.13/angular.js" data-require="angular.js@1.2.x"></脚本><script src="script.js"></script><body ng-controller="MainCtrl"><div id="fb-root"></div><脚本>(函数(d，s，id){var js, fjs = d.getElementsByTagName(s)[0];如果 (d.getElementById(id))返回;js = d.createElement(s);js.id = id;js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.4";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><p><div ng-if="fbComments"><div ng-bind-html="fbComments"></div>

</p></html>

LO0fC7XWJMts2P

解决方案

SDK 仅在初始化时解析您的文档中的元素以替换为社交插件一次.

如果您稍后添加内容，则需要调用FB.XFBML.parse 让它再次遍历文档(或其部分).

I'm trying to dynamically update the review of facebook on my html , however is not showing , follow my Plunker.

WHAT can be done to render the comments ?

http://plnkr.co/edit/ggt7r0

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.fbComments = '<div id="comentarios" class="fb-comments" data-href="http://developers.facebook.com/docs/plugins/comments/" data-width="100%" data-numposts="5"></div>';
  
  
});

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link href="style.css" rel="stylesheet" />
    <script data-semver="1.2.13" src="http://code.angularjs.org/1.2.13/angular.js" data-require="angular.js@1.2.x"></script>
    <script src="script.js"></script>
  </head>

  <body ng-controller="MainCtrl">
     <div id="fb-root"></div>
        <script>(function (d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id))
                    return;
                js = d.createElement(s);
                js.id = id;
                js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.4";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));</script>
            
    <p><div ng-if="fbComments">  
    <div ng-bind-html="fbComments"></div>    
   
                                        
                   </div>    </p>
  </body>

</html>

LO0fC7XWJMts2P

解决方案

The SDK parses your document for elements to replace with social plugins only once upon initialization.

If you add content later on, you need to call FB.XFBML.parse to have it go through the document (or parts thereof) again.

这篇关于AngularJs 和 Facebook 评论的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文

AngularJs 和 Facebook 评论 [英] AngularJs and Facebook Comments

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录关闭

AngularJs 和 Facebook 评论 [英] AngularJs and Facebook Comments

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录 关闭

登录关闭