如何使用另一个组件的按钮点击或更改根组件的用户界面

如何使用另一个组件的按钮点击或更改根组件的用户界面

问题描述:

我有一个root component,并在其中使用<router-outlet>加载其他components如何使用另一个组件的按钮点击或更改根组件的用户界面

  • 认为我使用routing装载仪我login component第一。
  • 然后当用户登录到系统我navigate用户喜欢这个 - >this.router.navigate(['/home']);
  • 我正在使用service更新相同的值Ex: loginstatus。并根据该value我试图改变我的root组件中的一些UI元素。但它不起作用。我怎样才能做到这一点。希望你对此有所帮助。
+0

一个例子希望你已经在你的index.html文件的照顾。请尝试导航时显示出什么错误? –

+0

是@DeepakJha任何解决方案。 – Jobs

+0

控制台中的错误究竟是什么? –

如果我正确理解这个问题,你不能使用消息传递服务来做到这一点吗?那么,创建一个消息服务,然后从根组件向它创建订阅?

这说明它做好4 methods to share data

我也公布在此 here