Angular RouterLink queryParamsHandling für optionale Parameter

Question

Gibt es eine saubere Möglichkeit, die aktuellen optionalen queryParams mit einem zusätzlichen optionalen queryParam für einen Link in der Vorlage zusammenzuführen?

Aktuelle url: /search;brand=Trek

Wunsch goto Link: /search;brand=Trek;start=1 (startCount wird inkrementiert)

Ich weiß Angular die Fähigkeit unterstützt normale queryParams (https://angular.io/docs/ts/latest/api/router/index/RouterLink-directive.html) zu fusionieren, aber ich glaube es nicht arbeitet mit optional queryParams.

Das ist, warum dies nicht funktioniert:

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

Irgendwelche Vorschläge?

Answer 1

Versuchen

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

Answer 2

Ich glaube nicht, dass dies mit der neuesten Version von Angular möglich ist, also hier ist meine Umgehungslösung:

abonnieren und die params sparen:

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]; 
     } 
    } 
    }); 
} 

Fügen Sie dem currentParam-Objekt dann zusätzliche optionale Parameter hinzu:

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

und Re-Ebene mit allen params auf Ihrer Route:

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