如何使用 window.opener 从 Angular 8 中的子窗口获取父组件数据答案

【问题标题】：How to get parent component data from child window in angular 8 using window.opener如何使用 window.opener 从 Angular 8 中的子窗口获取父组件数据
【发布时间】：2020-04-24 03:07:16
【问题描述】：

我有 2 个有角度的页面，第 1 页有一个按钮，单击时会打开第 2 页。所以它们是 2 个不同的组件。我必须使用 window.opener 来获取 page2 中的 page1 数据，因为我正在调用 window.opener.page1Func()

在纯 html 和 javascript 中，我可以从 page1 中定义的 page1func 获取数据。

第 1 页

function page1func()
{
    return "xxx";
}

第2页

var result = window.opener.page1func();

以上在纯 js 和 html 中运行良好，但我如何以 Angular 方式做到这一点？（角度 8 是我正在使用的）

任何线索都会有所帮助。谢谢。

【问题讨论】：

角度是SPA。您可以使用角度路由
路由是否适用于新窗口？我需要将数据从父级传递给子级（使用 window.open(page2) 弹出新窗口

标签： angular window.open window.opener

【解决方案1】：

有多种方法可以将数据从父级传递给子级（弹出新窗口）

定义将在新弹出窗口上呈现的“window”组件窗口。这是popup window component的工作示例
ngrx 商店
window.postMessage()
会话/本地存储

【讨论】：