时间戳

首页 > 解决方案 > 如何在提交按钮中使用 routerLink

angular - 如何在提交按钮中使用 routerLink

问题描述

我想在我的表单提交按钮中使用 routerLink。

当我使用 routerLink 时，我的表单没有提交。它显示“您的表单未连接”。

这是我的 HTML 代码-

<form novalidate [formGroup]="planForm"(ngSubmit)="onSubmit()"class="form-group">
   <button type="submit" class="btn btn-primary btn-1" routerLink="/plan-list">Submit</button>
</form>

我收到了这个错误：

“表单提交取消，因为表单未连接”

标签： angular

解决方案

在HTML文件中

<form [formGroup]="planForm">
 <button (click)="submit()"></button>
</form>

在文件中，您可以通过路由器以更好的方式ts编写您的router

 constructor(
  private router:Router //instanciate a router
)

您的提交方法如下

submit(){
    this.router.navigate(['/plan-list']) //your router URL need to pass it here
  }

推荐阅读