我分配了一个实现URL预览的作业，这意味着它将像Facebook一样显示徽标和标语。
我知道我们在jQuery中有urLive库，但我必须在angularjs中实现。我试过下面的代码，但是不起作用。
<body ng-app="myapp">
<div ng-controller="AppCtrl">
<iframe ng-src="{{currentUrl}}"> </iframe>
</div>
<script>
var app=angular.module('myapp',[]);
app.controller('AppCtrl',function($scope,$sce){
$scope.currentUrl = $sce.trustAsResourceUrl("http://facebook.com");
});
</script>
angularjs中有这样的东西吗？
最佳答案
你错过了几件事
添加缺少的Angular清理参考
在您添加的内部注入'ngSanitize'模块
码
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular-sanitize.min.js"></script>
<script>
angular.module('myapp', ['ngSanitize'])
app.controller('AppCtrl',function($scope,$sce){
$scope.currentUrl = $sce.trustAsResourceUrl("http://facebook.com");
});
</script>
Working Fiddle
您也可以通过使其像this这样的角度滤镜来实现
注意
您无法在iframe中加载http://www.facebook.com，请参考this SO Question以获得更多信息。
希望这可以对您有所帮助。谢谢
关于javascript - 在angularjs中使用标语和徽标进行URL预览，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28326632/