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

时间:2017-04-13 14:44:32

标签: angular angular2-template angular2-router

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

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

1 个答案:

答案 0 :(得分:0)

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

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

来自官方文档的

Here is a guide