Angular2-在打字稿中路由到新组件

Question

我试图在单击按钮时运行一个函数，该按钮将准备一个变量，然后在函数结束时重定向到另一个组件并传递该变量。 （我想要类似于 HTML 中的 RouterLink 但来自打字稿的功能） 我已经知道如何让函数运行并准备变量，但不知道如何将该变量从打字稿发送到新路由（组件）。

Answer 1

1. 在您的组件 HTML 中添加 (click)="myFunction()"。

2. 在您的组件中导入 Angular Router 服务：import { Router } from '@angular/router';

3. 像这样在组件构造函数中注入路由器：constructor( private router: Router, ...) { }

4. 然后定义myFunction如：

   myFunction(){
     this.router.navigate(['/myPath']);
   }