在 Angular 路由中，当组件是共享组件时，我如何配置路由？答案

【问题标题】：In Angular routing, how i can configure routing when the component is a shared one?在 Angular 路由中，当组件是共享组件时，我如何配置路由？
【发布时间】：2018-06-15 06:41:36
【问题描述】：

我有一个组件在应用程序的不同屏幕中使用。我在这个共享组件中有一个后退按钮。当我从不同的其他组件导航到该组件时，当我单击共享组件中的后退按钮时，我需要路由回我从路由到共享组件的屏幕。例如： S 是我从 A、B、C 和 D 屏幕/组件导航到的共享组件。现在，当我单击共享组件中的后退按钮时，我需要返回从路由到共享组件的组件。是否有任何解决方案或任何想法如何做到这一点？

【问题讨论】：

How to go back last page的可能重复
我必须在不同模块的组件之间导航。在这种情况下，此解决方案不起作用。
使用 Router.url 知道你在哪条路线，或者你的组件中的 @Input

标签： angular

【解决方案1】：

您可以像这样使用浏览器。

@Component({
   ...
})
class SharedComponent {
    constructor(private location: Location) {
    }
    back() {
        this.location.back();
    }
}

【讨论】：

此解决方案不适用于我的情况。如果我正在应用此功能，屏幕将导航到我最初打开的模块，但不会导航到我导航到共享组件的模块。