角路由链接查询可选参数的参数设置

Question

有没有一种干净的方法可以将当前可选查询参数与模板中链接上的附加可选查询参数合并？

当前URL:< code >/search；brand=Trek

所需的转到链接：/search;brand=Trek;start=1（startCount 将递增）

我知道Angular支持合并普通查询参数的功能(https://angular.io/docs/ts/latest/api/router/index/RouterLink-directive.html)，但我认为它不适用于可选的queryParams。

这就是为什么这不起作用的原因：

<a class="nav-btn"
   queryParamsHandling="merge"
   [routerLink]="[ { start: startCount+1 } ]">
    Next Page
</a>

Answer 1

对于现有查询参数的保留和合并:

Answer 2

我认为Angular的最新版本不可能做到这一点，所以这里是我的解决方案：

订阅并保存参数:

ngOnInit() {
  this.route.params.subscribe((params: Params) => {
    for(let param in params){
        if(params.hasOwnProperty(param)){
            console.log('param:', param);
            this.currentParams[param] = params[param];
        }
    }
  });
}

然后向currentParam对象添加其他可选参数:

this.currentParams.start = this.startCount+1;

并使用所有参数重新导航到您的路线：

this.router.navigate([ 'search', this.currentParams ]);

Answer 3

尝试

<a class="nav-btn"
   queryParamsHandling="preserve" <--- instead of 'merge'
   [routerLink]="[ { start: startCount+1 } ]">
    Next Page
</a>