javascript - 你如何重新调整 Facebook 插件评论 (fb-comments) 的大小与窗口调整大小的 Angular ？

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

在 Controller 内部，您需要设置一个绑定(bind)到 $window 'resize'。然后创建一个函数来选择 fb-comments iframe span 元素并重新调整它的大小。

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