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

Question

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

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

Answer 1

共享服务

拥有共享服务绝对是一种解决方案。以下是如何从official documentation实现一个的一个很好的例子。

州管理（ngRx）

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

基本上为您提供了一个包含所有应用程序状态的商店。然后，应用程序中的组件可以订阅商店以读取数据。

当然，还有更多的东西。以下是一些资源：

• GitHub repository and ngrx/store
• 关于ngrx（part 1，part 2）
的好博客文章
• A great article about state management in angular (not specific to ngrx)