Javascript 使用Angular2在导航栏中隐藏或显示按钮

我的main.ts文件中有5个组件。我有一个标题组件，我正在使用它根据我单击的组件进行更新。我已将此组件放在我的app.component.html文件中。每当我点击5个组件中的任何一个时，我想在标题/导航栏中显示“后退”按钮。 我还有一个底部的导航栏，在那里我单击以路由到三个不同的视图，第一个视图是主视图，另外两个视图。 以下是我的应用程序的模型。

我想在单击任何组件时更新导航标题，并显示或隐藏后退箭头按钮。 当我点击屏幕底部的视图按钮时，我想相应地更新标题。 我应该创建一个服务并将其注入每个组件吗？ 请在这方面给予帮助

共享服务 共享服务无疑是一种解决方案。下面是一个很好的示例，介绍了如何实现一个

状态管理（ngRx） 另一个可能更复杂的解决方案是实施某种状态管理解决方案。ngRx是专门为angular v.2+开发的一种实现（使用redux模式）

它所做的基本上是为您提供一个保存所有应用程序状态的存储。然后，应用程序中的组件可以订阅应用商店来读取数据

当然，事情远不止这些。以下是一些资源：

• 一篇关于ngrx（，）的好文章

---

main.ts

文件是否仅包含模块？你能展示你正在尝试的代码吗？你可以使用这对

@Input/@Output

，但我认为在这种情况下，共享服务更干净。