Angular 2 - 路由器调用内部表单删除查询参数

Question

我有一个提交和取消按钮的表单。取消按钮后，我想将用户发送到另一个视图。我正在使用路由器执行此操作，但url具有查询参数和中断。

<form [formGroup]="form" (submit)="submit()">
    ....form elements
    <button type="submit">submit</button>
    <button (click)="cancel()">cancel</button>
</form>

控制器：

cancel() {
    this.router.navigate(['../items'], { preserveQueryParams: false });
}

我也试过这个：

<form [formGroup]="form" (submit)="submit()">
    ....form elements
    <button type="submit">submit</button>
    <button <button [routerLink]="['../items', { preserveQueryParams: false }] >cancel</button>
</form>

这两项工作都没有在网址中结束：

  

regionprops

实现这个目标的正确方法是什么？