gpt4 book ai didi

javascript - Angularjs 中带有标语和 Logo 的 URL 预览

转载 作者:行者123 更新时间:2023-11-28 07:38:24 24 4
gpt4 key购买 nike

我有一项任务是实现 URL 的预览,这意味着它将像 facebook 一样显示 Logo 和标语。

我知道我们在 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 中有这样的东西吗?`

最佳答案

你错过了几件事

  1. 添加缺少的 Angular 清理引用

  2. 在您添加的内容中注入(inject) '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

您还可以通过将其设置为 Angular 过滤器来实现,例如 this

NOTE

You can not load http://www.facebook.com inside iframe refer this SOQuestion for more information.

希望这可以帮助你。谢谢

关于javascript - Angularjs 中带有标语和 Logo 的 URL 预览,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28326632/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com