javascript - Angular JSでiframe内のデータバインディング値を取得する

原文 javascript jquery html angularjs iframe

角度テンプレート内に外部ページをロードしようとしています。ただし、認証のためにsess_id値をURLとともに渡す必要があります。 div内にiframeを追加し、sess_id値と共にURLを呼び出しました。 sess_id値は私のモーダル内で適切に取得されます。 Iframe内にページを読み込めませんでした。

取得するURL構造は「urlhere?ss_id = bfc443c761de8b2ba18c82fecc50fd77」のようにする必要があります

  <section class="panel panel-default" data-ng-controller="loginController">
        <div class="panel-body" style=" position: relative;">
            <div id="report_loader" style="min-height:600px;">
            {{sess_id}} // i can retrive the value here
        <iframe ng-src="{{ 'urlhere?ss_id=' + sess_id }}"> </iframe>
            </div>
        </div>
  </section>


どんなヘルプも高く評価されます。
答え
ディレクティブを使用

angular.module('testModule').directive('iframeDr', function ($compile) {
return {
    restrict: 'AE',
    //terminal:true,
    link: function(scope, element, attr)  {
        var tryme = scope.sess_id
        var ele = $compile('<iframe ng-src="urlhere?ss_id={{'+tryme+'}}"> </iframe>')(scope);
        element.replaceWith(ele);
    }
}


})

ディレクティブをiframeに追加します

<iframe ng-src="{{ 'urlhere?ss_id=' + sess_id }}" iframe-dr></iframe>
関連記事

javascript - Meteor:セクション内のチェックされたボックスの数に基づいて数値を設定する方法

javascript - コルドバAndroidアプリのコンテンツを保護する

javascript - ブラウザに一時的に追加されるだけの動的コードをキャプチャする方法は?

javascript - NodeJS Passport-認証のために新しいウィンドウを開く方法は?

javascript - オリジナルを複製するドラッグアンドドロップ

javascript - GetElementsByTagNamesとブロック表示

javascript - InDesignのMacOSで、Ractiveが入力で押されたすべてのキーをキャプチャしないのはなぜですか?

javascript - 3つの動的ドロップダウンに入力する

javascript - angularjs、tooltipster-mouseenterの問題

javascript - $ scopeの値をAngular JSで定義されている関数の外で取得する方法