AngularJs 和 Facebook 评论

2024-01-12

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

可以做什么来提交评论?

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="[email protected] /cdn-cgi/l/email-protection"></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


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

如果稍后添加内容,则需要调用FB.XFBML.parse https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse让它再次浏览文档(或其部分内容)。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

AngularJs 和 Facebook 评论 的相关文章

随机推荐

  • 如何确定 git pull 将下载多少数据?

    假设我通过热点使用手机昂贵的数据套餐 并且按 MB 付费 有没有办法检查如果我发出的话 git 需要下载多少数据git pull 明显没有下载 最简洁的答案是不 长的答案是 也许 但你需要某种辅助系统 注意git pull只是git fet
  • 使用 maven- assembly-plugin 创建两个可执行的 jar

    我有一个 Maven 项目 我想从中创建两个可执行的 jar 文件 一个将由用户交互使用 第二个将作为计划作业运行 读取前者生成的日志文件 最后 我希望这两个 jar 文件除了 MANIFEST MF 文件中的 Main Class 属性之
  • Objective-C/iPhone 开发中的延迟实例化

    简单的问题 我知道 Objective C 中所有属性都以 nil 开头 并且向 nil 发送消息不会执行任何操作 因此您必须使用 Class alloc init 进行初始化 在向新创建的属性发送消息之前 但是 如果我不向此属性发送消息或
  • Django JSON 字段。 “模块”对象没有属性“JSONField”

    我正在学习 Django 并因在模型中创建 json 字段而感到沮丧 我试图在模型中创建一个 json 字段 但出现错误 模块 对象没有属性 JSONField 这是我在 models py 中的类 class Question model
  • 使用 Azure Function v2 自定义 Application Insight TelemetryInitializer

    在 Azure 函数中 我们使用 NET HttpClient 类 Azure Servicebus SDK 和 Azure 存储 SDK 发出多个请求 所有内容都通过 Application Insight 日志记录中的构建完美记录 显示
  • 在 Internet Explorer 中是否有理由用 Script 替换 JavaScript?

    那么 当 JScript 与 JavaScript 不同时 IE 如何解释 jQuery 以及所有其他 JavaScript 将 IE 的 JavaScript 替换为 JScript 是否更好 是否存在性能差异 JScript 和 Jav
  • 正则表达式匹配后面没有任何内容的字符串

    我试图找出一个正则表达式序列 该序列将匹配下面列表中的第一项 但不匹配其他两项 Some Folder 是可变的 http www url com Some Folder http www url com Some Folder thing
  • R Shiny:修改选择后保留无功输入值

    我试图在用户修改另一个中的选择后将用户选择的值保留在动态生成的 selectInput 中selectInput multiple T 选项 每当我修改我的选择时 所有动态生成的值都会重置 例如 我首先从 Letters selectInp
  • 如何从 CursorAdapter 重写 getItemId(int pos) 方法?

    由于此处的另一个答案 我收到了这个问题 但没有解释如何执行我所要求的操作使用自定义适配器时如何获取 onItemClick ListView 中行的 id https stackoverflow com questions 4826683
  • 如何通过双击关闭 DateTimePicker

    我正在使用 jQuery DateTimePicker 插件 作者 特伦特 理查森 http trentrichardson com 并且只有在您选择日期和时间后才会关闭 然而 有些用户并不关心时间 他们希望日历在仅选择日期后关闭 我仅在选
  • React 的新上下文 api 与酶

    我一直在使用酶并且非常喜欢它 它适用于 React 16 直到我想测试使用 React 新上下文 api 的新项目 如果我仅使用浅层渲染我的基本组件并使用控制台记录组件的调试 我可以看到其内容 但是当我将新的上下文 api 与提供者和消费者
  • 接收 Websphere MQ 消息时如何执行显式 ACK?

    我有一个应用程序正在侦听 IBM Websphere MQ 队列上的消息 一旦消息被使用 应用程序就会执行一些处理逻辑 如果处理完成正常 我希望应用程序确认该消息并将其从队列中删除 如果处理时发生错误 我希望该消息保留在队列中 这是如何实施
  • 使用 CMake 时检测 Visual Studio 中的构建类型(调试/发布)

    我有一个小游戏引擎 在调试或发布模式下构建时需要定义一些自定义宏 以下是我的 CMake 脚本的几行 应该可以做到这一点 if CMAKE BUILD TYPE STREQUAL Debug set OE BUILD TYPE DEFINE
  • 扩展 Vue 生命周期钩子

    我有一个特殊的应用程序 我想在安装每个组件时对其运行一个方法 所以我可以将该方法作为全局 mixin 或其他东西 然后简单地执行 mounted this mySpecialMethod 但是 我想知道是否可以简单地扩展 Vues 挂载钩子
  • 获取文件“上次保存者”属性而不更改它

    我尝试使用 PowerShell 中的代码行获取文件的属性 所有者 file networkshare directory file doc Get ItemProperty Path file Format list Property F
  • 引用 groovy 变量作为 JSON 路径的一部分

    我在 Ready API 测试用例中使用 groovy 脚本来验证 json Web 服务响应中的结果 我想使用一个变量 在数据源中指定 来指定我想要验证的 json 路径 因为这可能会因每次测试运行而改变 以下代码正确地将路径 resul
  • kivy + android 意图过滤器

    我对 kivy 和 python 很陌生 所以我可能已经陷入了困境 但我试图弄清楚如何获得 android 意图并在简单的 kivy 应用程序中使用它 所以我目前正在尝试找出基本的设计元素以及如何让东西发挥作用 我希望能够点击一个链接 例如
  • .NET 最好的文字处理组件是什么[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我正在寻找一个 NET 文字处理组件 其作用类似于我的 WinForm WPF NET 应用程序中的嵌入式 MS Word 主要目标是让用
  • 在 Cython 中返回结构体数组

    我试图在 Cython 中返回一个结构数组 pyx from libc stdint cimport uint8 t cdef extern from
  • AngularJs 和 Facebook 评论

    我正在尝试在我的 html 上动态更新 facebook 的评论 但是没有显示 请关注我的 Plunker 可以做什么来提交评论 http plnkr co edit ggt7r0 var app angular module plunke