1

我的任务是实现 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 中有这样的东西吗？

4

1 回答 1

0

你错过了几件事

  1. 添加缺少的 Angular 清理参考

  2. 在您添加的内部注入'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>

工作小提琴

您也可以通过像这样制作角度过滤器来做到这一点

笔记

您无法在 iframe中加载http://www.facebook.com ，请参阅此 SO Question以获取更多信息。

希望这可以帮助你。谢谢

于 2015-02-04T18:20:46.300 回答