angularjs2--tab页调用父页面的方法
来源:互联网 发布:小企业会计记账软件 编辑:程序博客网 时间:2024/06/16 07:11
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()事件绑定了
0 0
- angularjs2--tab页调用父页面的方法
- Tab页面布局实现的各种方法
- Angularjs2导入第三方库的方法
- iframe调用父页面的方法
- js中调用父页面的方法
- 子父页面的iframe方法调用
- iframe的子页面调用父页面的方法
- iframe页面调用父页面javascript的方法
- javascript 在子页面调用父页面的方法
- iframe中子页面调用父页面的js方法
- iframe 父页面调用子页面里面的js方法
- IFrame下父页面调用子页面的JS方法
- 父页面和iframe页面之间方法的互相调用
- 父页面与子页面之间的调用方法
- iframe子页面调用父页面javascript函数的方法
- iframe子页面调用父页面javascript函数的方法
- 在父页面调用子页面的JS方法
- 子页面调用父页面的js方法
- Linux(Ubuntu)系统下安装Qt library和Qt Creator全过程记录
- leetcode 485 python
- 19、C++成绩统计
- 类与类之间的几种关系
- MapReduce的Shuffle过程介绍
- angularjs2--tab页调用父页面的方法
- python最简单的爬虫
- 插入排序
- [BZOJ1998][Hnoi2010]Fsk物品调度(置换群+并查集)
- Node.js request实现技术灌水
- 链表判环练习
- 全排列计算(康托展开)
- JSON简单介绍
- 喝汽水问题