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

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

要检索的url结构应类似于“urlhere？ss_id=bfc443c761de8b2ba18c82fecc50fd77”

{{sess_id}}//我可以在这里检索值

我们将非常感谢您的任何帮助。

使用指令

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);
    }
}

angular.module（'testModule'）。指令（'iframeDr'，函数（$compile）{
返回{
限制：“AE”，
//终端：是的，
链接：功能（范围、元素、属性）{
var tryme=scope.sess\u id
变量ele=$compile（“”）（范围）；
元素。替换为（ele）；
}
}

})

并将指令添加到iframe中

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

---

显示完整url的示例

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