按钮上的RouterLink不起作用，但<a>上的RouterLink起作用

Question

在我的app.module中，我懒于加载模块。

  {
    path: 'user-dashboard',
    loadChildren: () =>
      import('./features/user-dashboard/user-dashboard.module').then(
        (m) => m.UserDashboardModule
      ),
  }, {
    path: 'register',
    loadChildren: () =>
      import('./features/register/register.module').then(
        (m) => m.RegisterModule
      ),
  },

因此，我的项目应用程序分为多个模块，如图所示。 Click to see the module structure image

下面的代码在checkout.html中，这是寄存器模块内的页面。我希望转到用户仪表板路线

<button class="btn btn-primary form-btn payment-btn" [routerLink]="['/user-dashboard']">
     Confirm &amp; Pay
 </button>

在我的user-dashboard-routing.module.ts中，这是所描述的路由

const routes: Routes = [
  {
    path: '',
    component: UserDashboardComponent,
  },
];

现在，当我单击此按钮时，它会转到所需的路线，但会返回相同的结帐页面。它不停留在用户仪表板上。另外，如果我将按钮替换为<a>，它将起作用。

Answer 1

对于按钮，您可以使用(click)="someMethod()"

someMethod()
{
    this.router.navigate([yourUrl])
}