angular - Microsoft Edge 在导航到 Angular 2 上的路线后添加参数

Question

我有一个分两步填写的表格，第一个表格填写对象的主要部分，第二个表格填写子部分。有一种方法可以在 Chrome 和 Firefox 上从 form2 导航回 form1，但对于 Microsoft Edge，它似乎添加了“/?object”，这是我没有在代码中做的事情。

我的按钮从 form2 返回到 form1

<button class="btn btn-default pull-right" (click)="onCancel()">{{ 'button.back' | translate }}</button>

我的方法 onCancel()

onCancel() {
    this.goal.target = this.target;
    this.service.setGoalToSave(this.goal);
    if (this.isEditing) {
       this.router.navigate(['goals/goalForm', this.goal.goalId.toString()]);
    } else {
       this.router.navigate(['goals/goalForm']);
    }
}

Microsoft Edge 导航到

http://localhost:8080/my-service/?target01=&target02=&target03=&target04=&target05=&target06=&target07=&target08=&target09=&target10=&target11=&target12=&annualTarget=

但这不是一个有效的路由，所以它重定向到我的主页。

有人知道是什么原因造成的，或者我该如何解决？

Answer 1

要解决此问题，请将 type="button"添加到按钮标签。 Edge 显然假设任何没有明确类型的按钮都是 type="submit"，为此它将在表单中发布值。

我已经在我的页面中明确包含了表单标签，这样我就可以在 .ts 代码中访问表单属性。我删除了那个表单标签和相关代码，并且导航在 Edge 中工作。所以 Edge 似乎假设我的按钮是一个提交按钮。在按钮属性中包含 type="button"之后，我能够将 form 标签放回去，一切仍然有效。