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

相关文章
|
7月前
快速创建Angular组件并定义传参、绑定自定义事件的方法
快速创建Angular组件并定义传参、绑定自定义事件的方法
|
7月前
Angular父组件调用子组件里面的方法
Angular父组件调用子组件里面的方法
|
存储 前端开发 数据库
Angular-checked方法使用
Angular-checked方法使用
115 0
Angular-checked方法使用
Angular4总结(五)—— 父子组件通信,钩子方法
组件和组件之间一定得是松耦合的这样可重用性才高,想象一下这样的场景,A和B两个兄弟组件,但是A调用B组件的一个方法,那么这两个组件就紧密的联系在了一起,这其实是并不可取的。 组件我们应该看作是一个黑盒,组件只需要"输入"和"输出"的功能就行,组件并不关心到底是谁给他输入的,也不关心他会输出给谁。
1490 0