Angular 按钮上的RouterLink没有'；不工作，只工作<；a>；做

在我的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
      ),
  },

因此，我的项目应用程序分为多个模块，如图所示

下面的代码位于checkout.html内，它是注册模块内的一个页面。我希望转到用户仪表板路线

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

---

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

，它也会工作。

对于按钮，您可以使用

（单击）=“someMethod（）”

---

@迈克。如果你能回答我的问题，请回答。你能试试

（点击）=“javascript:void（0）”

看看它是否有效吗。

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

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