Я провел некоторое тестирование, и я закончил работу над директивой и использовал FB.XFBML.parse ()
, следуя примеру, работающему над Plunker:
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