在Angular 5中从子选项卡重定向到父选项卡答案

【问题标题】：Redirecting from child tab to parent tab in Angular5在Angular 5中从子选项卡重定向到父选项卡
【发布时间】：2018-07-27 04:17:48
【问题描述】：

在我的 Angular 应用程序中，我希望当用户从父选项卡单击编辑时，应该打开一个新的子选项卡，其中应该有一个保存按钮。现在，一旦单击此保存按钮，我希望将用户重定向到父选项卡，并且应关闭子选项卡。如果父标签和子标签之间有多个标签，这是否可行。

【问题讨论】：

但这是两个不同的选项卡，它们之间有几个选项卡。我想知道如何进行，因为很多人告诉我这是不可能的。
当你说“标签”时，你是什么意思？您是指应用程序中的标签还是您打开的单独浏览器标签或其他内容？
同一应用程序中的不同浏览器选项卡。第一个选项卡就像我们的父主选项卡，当我单击编辑按钮时，应该会打开一个新窗口。这是我们的孩子。我想从此子选项卡更新父选项卡。我想我可以做到。但是当我从子选项卡单击保存按钮时，它应该关闭当前子选项卡并直接向用户显示父选项卡。这就是我不知道如何进行的地方
我认为这不可能。它需要您控制浏览器。您可以在选项卡之间进行通信，但不能指定用户在关闭时看到哪些选项卡。你应该尽量避免这种情况，除非你需要支持多个显示器或其他东西

【解决方案1】：

使用相对路径：

constructor(private route: ActivatedRoute, private router: Router) { 
}
onNavigate() {
   router.navigate(['../'], { relativeTo: this.route });
}

【讨论】：