Angular2：基于左导航点击显示组件

Question

我正在开发一个新的 SPA，其中有一个左侧导航菜单，该左侧导航菜单中的项目由 API 驱动。像 Dashboard1、Dashboard2

我已经创建了一个仪表板组件。当我单击 Dashboard1 时，我应该能够将 Dashboard1 传递到我的 Dashboard 组件并在右侧显示它。同样的情况，当我点击左侧导航栏上的 Dashboard2 时，我应该能够将 Dashboard2 传递到我的仪表板组件并在右侧显示它。

Answer 1

有几种不同的组件交互方法，但根据您上面的描述，我建议使用共享服务模式。

通常，这涉及让两个组件订阅服务上的一个值，这些组件可以更改该值。因此，如果您单击左侧导航中的 Dashboard1，它会将此数据发送到共享服务，您的右侧将能够获取此值更改并相应地调整视图

Here is a guide 来自官方文档