如何以角4回到HomeComponent？

Question

路由器模块

RouterModule.forRoot([
  { 
    path: "",
    component: HomeComponent
  },
  { 
    path: "edit/:id",
  component: EditComponent
}
])

Html按钮

<button [routerLink] = "">Cancel</button>

上面是我的路由器模块和html按钮。我无法重定向到HomeComponent。怎么实现呢？ TIA。

Answer 1

最短路：

<a routerLink="/">Cancel</a>

Answer 2

您可以通过以下功能执行此操作：

public goHome(): void {
    this._router.navigate(['/']);
}

或在HTML

中

<button [routerLink]="['/']">Cancel</button>

Answer 3

<a routerLink="/"><button class="btn btn-default" >Cancel</button></a>