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。目前先找到了这种方式实现的,可能有其他方式也可以实现吧。

相关文章
|
2月前
|
开发者
Angular UntypedFormControl markAsDirty 方法的用途介绍
Angular UntypedFormControl markAsDirty 方法的用途介绍
|
2月前
|
前端开发
Angular module 的 forRoot 和 forChild 方法
Angular module 的 forRoot 和 forChild 方法
|
2月前
快速创建Angular组件并定义传参、绑定自定义事件的方法
快速创建Angular组件并定义传参、绑定自定义事件的方法
|
2月前
Angular父组件调用子组件里面的方法
Angular父组件调用子组件里面的方法
|
8月前
|
开发者
Angular 两种依赖注入的实现方法介绍
Angular 两种依赖注入的实现方法介绍
|
10月前
|
存储
Angular forRoot 方法的使用场合介绍
Angular forRoot 方法的使用场合介绍
|
10月前
|
前端开发 JavaScript
Angular InjectionToken APP_INITIALIZER 的实现方法介绍
Angular InjectionToken APP_INITIALIZER 的实现方法介绍
|
10月前
从 Angular Component 和 Directive 的实例化,谈谈 Angular forRoot 方法的命令由来
同 Angular service 的单例特性不同,Angular 组件和指令通常会被多次实例化,比如 HTML markup 中每出现一次 Component 的 selector,就会触发 Component 的一次实例化。
|
10月前
关于 Angular 应用 Module 的 forRoot 方法的讨论
关于 Angular 应用 Module 的 forRoot 方法的讨论
|
存储 前端开发 数据库
Angular-checked方法使用
Angular-checked方法使用
91 0
Angular-checked方法使用