你如何重新调整Facebook插件评论（fb-comments）与窗口调整大小的角度？

Question

如何重新调整窗口/浏览器重新调整大小的Facebook插件注释？

当浏览器窗口重新调整大小时，我想让fb-comment div重新调整为与父元素相同的大小。

<div id="socialDiv" class="col-lg-12">
...
  <div class="fb-comments" data-href="{{vote.link}}" data-width="{{socialWidth}}" data-numposts="5"></div>
</div>

Answer 1

在控制器内部，您需要设置绑定到$ window＆＃39; resize＆＃39;。然后创建一个函数，选择fb-comments iframe span元素并重新调整大小。

angular.element($window).bind('resize', function(){
  $('.fb-comments iframe,.fb-comments span:first-child').css({'width':$('#socialDiv').width()});
});