Предварительный просмотр URL со слоганом и логотипом в angularjs

У меня есть задание реализовать предварительный просмотр URL-адреса, что означает, что он будет отображать логотип и слоган так же, как facebook.

Я знаю, что у нас есть библиотека urLive в jQuery, но мне нужно реализовать ее в 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?`


javascript jquery angularjs web-frontend
person rahul    schedule 04.02.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вам не хватает пары вещей

  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>

Рабочая скрипта

Вы также можете сделать это, сделав его угловым фильтром, например это

ПРИМЕЧАНИЕ

Вы не можете загружать http://www.facebook.com внутри iframe, ссылаясь этот вопрос SO для получения дополнительной информации.

Надеюсь, это поможет вам. Спасибо

person Pankaj Parkar    schedule 04.02.2015
comment
можете ли вы дать код, как вы добавили угловые ссылки? Это последнее, что я могу посмотреть - person Pankaj Parkar; 04.02.2015
comment
‹html ng-app=myapp›‹body ng-controller=AppCtrl› ‹iframe ng-src={{currentUrl}}› ‹/iframe› ‹script› var app=angular.module('myapp', ['ngSanitize' ]); app.controller('AppCtrl',function($scope,$sce){ $scope.currentUrl = $sce.trustAsResourceUrl(anything.com ); }); ‹/script› ‹script type=text/javascript src=ajax.googleapis.com/ajax/libs/angularjs/1.2.27/› ‹script type=text/javascript src=ajax.googleapis.com/ajax/libs/angularjs/1.2 .3/› - person rahul; 04.02.2015
comment
Комментарии не для расширенного обсуждения; этот разговор был перенесено в чат. - person Taryn; 04.02.2015
comment
@pankajparkar Поскольку я переместил комментарии в чат, они должны иметь возможность присоединиться. - person Taryn; 04.02.2015