如何将路由器链接添加到Angular 8上的按钮单击功能?

如何将路由器链接添加到Angular 8上的按钮单击功能?,angular,typescript,Angular,Typescript,我试图在angular上的按钮上添加路由功能。我已经在按钮中添加了(单击)功能,但是如何实现在home.ts组件上导航的功能 <button class="navbut" (click)="redirect()"> INVEST NOW</button > 立即投资 我已经修复了,我声明了一个路由器并从@Angular/router导入它,然后在我的ts文件中写入redirect()函数: import {Router, ActivatedRoute } from '@

我试图在angular上的按钮上添加路由功能。我已经在按钮中添加了(单击)功能,但是如何实现在home.ts组件上导航的功能

<button class="navbut" (click)="redirect()"> INVEST NOW</button >
立即投资

我已经修复了,我声明了一个路由器并从@Angular/router导入它,然后在我的ts文件中写入redirect()函数:

import {Router, ActivatedRoute } from '@angular/router';

export class HomeComponent implements OnInit {
constructor( private router: Router, private route: ActivatedRoute) { }
}


redirect() {
    this.router.navigate (['/investment']);
  }


我建议您阅读有关路由的官方指南:。在本例中,您当然需要注入路由器。@wizdemonizer在回答问题中提供答案,而不是在问题中提供答案。