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页调用父页面的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。