angular从iframe里面调用父页面的controller的方法

简介: angular从iframe里面调用父页面的controller的方法

iframe中调用父页面的controller中方法

1、从当前页面中获取对应的controller,可以通过一下方法去获取。

angular.element(xxx).scope()

2、获取父页面的controller

window.parent.angular.element(xxx).scope(); // 未能获取

window.parent.$(‘div[ng-controller=“topController”]’).scope(); // 未能获取

然后网上所说以上的几种方式都未能获取到数据,然后又想从iframe页面中去触发父页面中的方法来实现刷新,后面想着能不能通dom事件的方式,

后面通过触发dom事件的方式实现:

<div class="getCollectionPro" ng-click="refreshFavorites()"></div>

然后在自页面中,触发这个方法

window.parent.$(’.getCollectionPro’).trigger(‘click’);

然后通过这种方式,实现从iframe里面调用父页面的方式来调用事件,来实现所需的功能。

通过dom节点再去获取scope()方法,虽然angular在jquery对应的原型链上加上了对应的方法,但获取父页面中的don的scope为null。目前先找到了这种方式实现的,可能有其他方式也可以实现吧。

相关文章
|
XML Web App开发 JavaScript
SAP UI5和Angular里控制器(Controller)实现逻辑比较
SAP UI5和Angular里控制器(Controller)实现逻辑比较
103 0
SAP UI5和Angular里控制器(Controller)实现逻辑比较
|
XML Web App开发 JavaScript
SAP UI5和Angular里控制器(Controller)实现逻辑比较
SAP UI5和Angular里控制器(Controller)实现逻辑比较
101 0
SAP UI5和Angular里控制器(Controller)实现逻辑比较
|
JavaScript 前端开发
angular语法:Controller As
这个东东我觉得很好哟。 数据可以在同一个页面的不同的controller之间自由穿梭。。。 当然, https://thinkster.io/a-better-way-to-learn-angularjs/controllers 这个网址也不错哟。
1020 0
|
1月前
|
设计模式 JavaScript 前端开发
什么是 Angular 应用里的 Custom provider
什么是 Angular 应用里的 Custom provider
24 2
|
2月前
Angular 应用里异步打开对话框的技术实现
Angular 应用里异步打开对话框的技术实现
16 0
|
2月前
|
Web App开发 UED 开发者
谈谈企业级 Angular 应用的二次开发 - 基于 Angular Component 替换的 Extensibility 支持案例介绍
谈谈企业级 Angular 应用的二次开发 - 基于 Angular Component 替换的 Extensibility 支持案例介绍
25 1
|
1月前
|
Go
Mac安装Angular并部署运行应用
Mac安装Angular并部署运行应用