Question

我想在“表单提交”按钮中使用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>

我遇到了这个错误：

“由于未连接表单而取消了表单提交”

Answer 1

在HTML文件中

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

在ts文件中，您可以通过router更好地编写router

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

您的提交方法如下

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

Answer 2

当按钮为“提交”类型时，应在处理单击事件时使用类似onSubmit（）的功能进行导航

onSubmit() {
    this.router.navigateByUrl('/plan-list');
}

如何在提交按钮中使用routerLink

2 个答案: