Facebook评论Ionic App中的Angular Directive

时间:2016-04-13 19:47:27

标签: angularjs wordpress facebook ionic-framework

我正在使用WordPress Api并且有一个简单的Facebook评论指令,它接收相应WordPress帖子的URL(即固定链接)。我有一个链接到相应单个帖子的帖子列表,FB评论的问题是,当我进入单个帖子时,评论脚本无法加载。如果我刷新页面,则会正确显示注释框。

我的问题是如何在输入新的单一视图时启动指令?我有一个关于使用链接的想法,有一个$ watch,我只是不知道该怎么做?非常感谢任何帮助,谢谢。

Facebook指令:

.directive("facebookComments", function() {
return {
    scope: {
        commentsUrl: '=permalink'
    },
    template: '<div class="fb-comments" data-href="{{ commentsUrl }}" data-numposts="5"></div>'
}; });

HTML

<div facebook-comments permalink="post.url"></div>

1 个答案:

答案 0 :(得分:0)

&#13;
&#13;
.directive("facebookComments", function() {
return {
    scope: {
        commentsUrl: '=permalink'
    },
    template: '<div class="fb-comments" data-href="{{ commentsUrl }}" data-numposts="5"></div>',
    link: function(scope, element, attrs) {
      scope.$watch('commentsUrl', function(newValue, oldValue) {
        console.log('newValue', newValue)  
      })
    }
}; });
&#13;
&#13;
&#13;

我在你的指令中添加了一个链接函数,其中包含一个观察者,每当网址发生变化时都会登录到控制台!

祝你好运