Facebook喜欢在AngularJS网站中使用iframe的按钮

Question

我正在尝试在我的AngularJS网站上实现Facebook使用iframe的按钮。但Facebook按钮没有加载。

//html portion 
<div ng-controller="FBCtrl"> 
    <iframe ng-src="{{likeURL}}"></iframe> 
</div> 

//controller portion 
.controller('FBCtrl',['$scope', function($scope){ 
    $scope.likeURL = 'http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fflyerbd&width&layout=standard&action=like&show_faces=true&share=true&height=80'; 
}]); 

基本上我想使用Facebook像按钮，在我的网站上简单的方式。

在此先感谢。

Answer 1

你应该用你的控制器$sce service，并承认为值得信赖的网址：

.controller('FBCtrl',['$scope', '$sce', function($scope, $sce){ 
    $scope.likeURL = $sce.trustAsResourceUrl('http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fflyerbd&width&layout=standard&action=like&show_faces=true&share=true&height=80'); 
} 

相关：How to set an iframe src attribute from a variable in AngularJS 。