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

时间:2013-11-24 19:16:02

标签: facebook angularjs iframe

我试图在我的AngularJS网站上使用iframe实现类似facebook的按钮。但是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这样的按钮。

提前致谢。

1 个答案:

答案 0 :(得分:2)

您应该使用控制器中的$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