Question

我正在尝试在我的角度模板中加载外部页面。但是我需要传递sess_id值和url以进行身份验证。我在div中添加了一个iframe，并调用了url和sess_id值。在我的模态中正确检索sess_id值。但我无法在Iframe中加载页面。

我要检索的网址结构应该像“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>

任何帮助都会得到很高的评价。

Answer 1

使用指令

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>

在Angular JS中检索Iframe中的数据绑定值

1 个答案: