如何使用router.navigate（）将数据传递到Angular 2组件？

Question

我有一个简单的系统，我有一个登录组件，一个登录服务，一个信息组件（包含有关用户的信息）和一个信息服务。

我的想法是让登录组件将usr / pwd发送到登录服务，如果它返回“true”（即有效凭证），应用程序将交换信息组件的登录组件并填充它与该用户的数据（来自<router-outlet></router-outlet>）。

我正在通过this.router.navigate(["farmer"])更改组件 - 如何传入包含农民姓名的字符串？ （这将是他们登录的用户名）。

Answer 1

我将拥有一个单独的全局服务并在其中设置名称，然后只要您访问该服务，就可以访问它。

Answer 2

我认为您需要添加路由信息/：名称，当您从登录组件调用.navigate（）方法时，只需传递NavigationExtras类型的其他对象。 它会是这样的：

this.router.navigate(['/info'], { queryParams: { name: 'farmer' } });