在 Angular JS 中检索 Iframe 中的数据绑定值
Retrieving the data binding value inside Iframe in Angular JS
我正在尝试在我的角度模板中加载外部页面。但是,我需要传递sess_id值以及用于身份验证目的的 url。我已经在我的div 中添加了一个 iframe,并调用了 url 以及 sess_id 值。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>
任何帮助都将受到高度赞赏。
use 指令
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>
相关文章:
- 在VanillaJS中模拟模型双向数据绑定
- Telerik rad组合框多列数据绑定
- 数据绑定:'系统Char'不包含名为'xxxxx'
- OnsenUI AngularJS数据绑定无法正常工作
- Ionic-item在导航栏中进行双向数据绑定
- 基本D3.js:如何将具有其他属性的数据绑定到元素
- 使用自定义数据属性或将数据绑定到处理程序来处理事件
- ListView的ItemTemplate内的自定义HtmlControl的数据绑定失败
- $http中的Angular 1数据绑定承诺不起作用
- 在何处和何时添加具有数据绑定的元素
- 使用AngularJs数据绑定的三元运算符显示图像
- 为什么针对工厂的Angular数据绑定只适用于函数
- 敲除:如何使用可见数据绑定可见来隐藏段落标记
- 在数据绑定中使用对象敲除绑定
- 如何在angularjs中检查Kendo树视图数据绑定事件
- 将json数据绑定到剑道网格
- AngularJS数据绑定中断ngRepeat+奇怪行为
- JavaScript HTMLElement 属性上的数据绑定 在 Polymer 中
- 视窗 8/Metro UI 数据绑定 JavaScript
- 在 Angular JS 中检索 Iframe 中的数据绑定值