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

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

问题描述

我想可以动态地更新我的HTML的Facebook的审查,但没有显示,请按照我的Plunker。

可以做些什么来渲染意见?

  http://plnkr.co/edit/ggt7r0

\r
\r

VAR应用= angular.module('plunker',[]);\r
\r
app.controller('MainCtrl',函数($范围){\r
  $ scope.fbComments ='< D​​IV ID =备注级=FB-意见数据HREF =htt​​p://developers.facebook.com/docs/plugins/comments/数据宽度=100% 数据numposts =5>< / DIV>';\r
  \r
  \r
});

\r

<!DOCTYPE HTML>\r
< HTML NG-应用=plunker>\r
\r
  < HEAD>\r
    <间的charset =UTF-8/>\r
    <标题> AngularJS Plunker< /标题>\r
    <脚本>的document.write('<基本href =+ document.location +'/>');< / SCRIPT>\r
    <链接HREF =style.css文件的rel =stylesheet属性/>\r
    &所述;脚本数据semver =1.2.13SRC =HTTP://$c$c.angularjs.org/1.2.13/angular.js数据需要=angular.js@1.2.x&GT ;< / SCRIPT>\r
    &所述; SCRIPT SRC =的script.js>&下; /脚本>\r
  < /头>\r
\r
  <机身NG控制器=MainCtrl>\r
     < D​​IV ID =FB-根>< / DIV>\r
        <脚本>(功能(D,S,ID){\r
                变种JS,FJS = d.getElementsByTagName(多个)[0];\r
                如果(d.getElementById(ID))\r
                    返回;\r
                JS = d.createElement(S);\r
                js.id = ID;\r
                js.src =//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.4;\r
                fjs.parentNode.insertBefore(JS,FJS);\r
            }(文件,脚本,Facebook的jssdk'));< / SCRIPT>\r
            \r
    &所述p为H.;&下;股利纳克-如果=fbComments>\r
    < D​​IV NG绑定-HTML =fbComments>< / DIV>\r
   \r
                                        \r
                   < / DIV> &所述; / P>\r
  < /身体GT;\r
\r
< / HTML>

\r

\r
\r

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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆