我试图在我的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这样的按钮。
提前致谢。
答案 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