Jquery URL在Angular JS中的实时预览
我正在制作一个表单，我必须显示像facebook这样的url预览。因为我是angularJS的新手，所以我不太清楚。如果您知道任何AngularAPI或库。请让我知道。所以我可以对此做更多的研究。您可以将$sce服务注入控制器，并信任url 内部控制器Jquery URL在Angular JS中的实时预览,jquery,angularjs,frontend,Jquery,Angularjs,Frontend,我正在制作一个表单，我必须显示像facebook这样的url预览。因为我是angularJS的新手，所以我不太清楚。如果您知道任何AngularAPI或库。请让我知道。所以我可以对此做更多的研究。您可以将$sce服务注入控制器，并信任url 内部控制器 function AppCtrl($scope, $sce) { $scope.currentUrl = $sce.trustAsResourceUrl("http://facebook.com"); } } 在视图中，使用
function AppCtrl($scope, $sce) {
$scope.currentUrl = $sce.trustAsResourceUrl("http://facebook.com");
}
}
<iframe ng-src="{{currentUrl}}"> </iframe>
<html>
<header>
<!-- Angular -->
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
</header>
<body ng-app="myapp">
<div ng-controller="AppCtrl">
<iframe ng-src="{{currentUrl}}"> </iframe>
</div>
<script>
var myapp = angular.module('myapp',[]);
myapp.controller('AppCtrl',function($scope,$sce){
$scope.currentUrl = $sce.trustAsResourceUrl("https://docs.angularjs.org"); });
</script>
</html>
var myapp=angular.module（'myapp'，[]）；
myapp.controller（'AppCtrl'，函数（$scope，$sce）{
$scope.currentUrl=$sce.trustAsResourceUrl（“https://docs.angularjs.org"); });
您可以访问my以供参考。我已经编写了以下代码，但它不起作用。模块（'myapp'，[]）；myapp.controller（'AppCtrl'，函数（$scope，$sce）{$scope.currentUrl=$sce.trustAsResourceUrl（“）；}）；@rahul检查我的更新。我已经创建了一个plnkr演示供您参考。您的代码不起作用，因为
facebook.comfacebook.com将“X-Frame-Options”设置为“DENY”。angular.orgx-frame-options-deny