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

时间:2017-04-04 18:13:22

标签: angular typescript routing

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

1 个答案:

答案 0 :(得分:2)

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

  2. 在组件构造函数中注入路由器,如下所示:constructor( private router: Router, ...) { }

  3. 然后定义myFunction,例如:

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