angularjs2–tab页调用父页面的方法

问题情景：页面A中使用window.open()打开新的tab页B，在页面B中想调用A中的方法。比如，在画面B中做了一些改变数据的操作，想在B关闭时候，A画面自动刷新数据（当然ts里有一个刷新的方法等着调用）。

代码：

A画面：

HTML:

<div class="getStory" id="getStory" (click)="editerclose()"></div>

ts:

    editerclose() {this.search();//此为刷新数据方法}

B画面：

ts:

window.opener.document.getElementById('getStory').click();

原理很简单，通过window.opener获取父页面，然后获取那个隐藏的div(dom节点)，模拟点击事件，而此事件已经由angular2的事件绑定和component里的editerclose()事件绑定了

angularjs2--tab页调用父页面的方法相关推荐

用反射方法使用户控件动态调用父页面的方法
下面演示了用户控件调用父页面SetLaeble方法. 父页面类型用反射的方法获取,这避免了不同页面调用同样时,需要类型转换的问题(不用写很多case了:)). 当然还有一种方法是父页面去实现一个接 ...
vue使用iframe 子页面调用父页面的方法
// 子页面调用父页面方法 var id = parent.vm.getId();
页面嵌套iframe怎么调用父页面的方法，子页面回调父页面函数方法
父页面要有此函数 //子页面回调此函数 IndexCallback = function() {console.log('我是父页面的方法') } 子页面回调父页面的方法 window.parent. ...
iframe调用父页面js方法_JS高级技巧
本篇是看的<JS高级程序设计>第23章<高级技巧>做的读书分享.本篇按照书里的思路根据自己的理解和经验,进行扩展延伸,同时指出书里的一些问题.将会讨论安全的类型检测.惰性载入函 ...
layer.open子页面调用父页面的方法_记好这 24 个 ES6 方法，用来解决实际开发的 JS 问题...
本文主要介绍 24 中 es6 方法,这些方法都挺实用的,本本请记好,时不时翻出来看看. 1.如何隐藏所有指定的元素 const hide = (...el) => [...el].forEac ...
js/iframe 子页面调用父页面方法与父页面调用子页方法
博客转载于 https://blog.csdn.net/weixin_44512123/article/details/99698419 在做项目中都会存有主页面子页面.子页面嵌套中主页面中,主页面有 ...
js在打开新页面的时候用新的标签页打开并且在关闭打开的页面的时候刷新父页面的方法...
js在打开新页面的时候用新的标签页打开并且在关闭打开的页面的时候刷新父页面的方法 1.利用window.opener.location.href这个方法. 方式:父页面 window.open('.. ...
bootstrap在一个tab页调用另一个tab页的方法
在我们开发过程中使用bootstrap框架的时候,会经常使用bootstrap的标签页,如果我们在tab子页面中操作的数据,需要在父tab里改变状态到时候,并且不关闭当前子tab页,父tab页只是局部 ...
html 调用父页面元素,操作iframe父页面、子页面的元素和方法 js
iframe获取父页面元素: JavaScript: $(window.parent.document.getElementById("元素id")) jquery: $(&quo ...

angularjs2--tab页调用父页面的方法

angularjs2–tab页调用父页面的方法

问题情景：页面A中使用window.open()打开新的tab页B，在页面B中想调用A中的方法。比如，在画面B中做了一些改变数据的操作，想在B关闭时候，A画面自动刷新数据（当然ts里有一个刷新的方法等着调用）。

代码：

A画面：

B画面：

angularjs2--tab页调用父页面的方法相关推荐

最新文章

热门文章