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 。