Question

我有一个分配来实现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中有这样的东西吗？`

Answer 1

你遗漏了几件事

添加缺少的角度清理参考
在您添加

'ngSanitize'

<强> CODE

<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以获取更多信息。

希望这可以帮到你。感谢

URL预览带有标语和angularjs中的徽标

1 个答案: