按钮上的路由单击角度5

Question

我需要在用户点击按钮时路由到主组件.我如何使用<a href=””>使用routerLink.但他们是否可以通过按钮点击进行操作？

<a class="nav-item nav-link-edit" [routerLink]="['']">home</a>

以上是我如何使用button标签进行路由.

Answer 1

是的,routerLink适用于锚标签和按钮标签.你可以这样做:

<button class="nav-item nav-link-edit" [routerLink]="['']">home</button >

如果你在离开之前谈论在当前组件中做某事,你将需要抛弃`routerLink`并在你的组件中导航.您可以绑定到按钮上的"click"方法,并让它调用组件中运行逻辑然后路由的方法.如果你在谈论在路由解决之前运行一些代码,你需要查看[解析器](https://angular.io/api/router/Resolve) (2认同)