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 の質問を参照してください。

これがあなたを助けることを願っています。ありがとう

于 2015-02-04T18:20:46.300 に答える