AngularJs y comentarios de Facebook

Estoy tratando de actualizar dinámicamente la revisión de Facebook en mi html, sin embargo, no se muestra, siga mi Plunker.

¿QUÉ se puede hacer para presentar los comentarios?

http://plnkr.co/edit/ggt7r0 
 var app = angular.module('plunker', []); app.controller('MainCtrl', function($scope) { $scope.fbComments = '
'; });
     AngularJS Plunker document.write('');      
(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'));

LO0fC7XWJMts2P

El SDK analiza su documento para que los elementos se reemplacen por complementos sociales solo una vez al momento de la inicialización.

Si agrega contenido más adelante, debe llamar a FB.XFBML.parse para que FB.XFBML.parse a FB.XFBML.parse el documento (o sus partes).

Hice algunas pruebas y terminé haciendo una directiva y usando FB.XFBML.parse () , sigue el juego trabajando en Plunker:

http://plnkr.co/edit/oTj3jP

 var app = angular.module('plunker', []); app.controller('MainCtrl', function($scope) { $scope.fbComments = 'http://developers.facebook.com/docs/plugins/comments/'; }); app.directive('fbCommentBox', function() { function createHTML(href, numposts, colorscheme, width) { return '
' + '
'; } return { restrict: 'A', scope: {}, link: function postLink(scope, elem, attrs) { attrs.$observe('pageHref', function(newValue) { var href = newValue; var numposts = attrs.numposts || 5; var colorscheme = attrs.colorscheme || 'light'; var width = attrs.width || '100%'; elem.html(createHTML(href, numposts, colorscheme, width)); FB.XFBML.parse(elem[0]); }); } }; });
     AngularJS Plunker