Angular6: почему `ActivatedRoute.snapshot.queryParams` пусто, когда в URL четко указано правильное значение?

Question

с одной страницы, я звоню:

// call this to nav to '/list' with queryParams 
const data = {'map-center': this.loc.join(',')};
this.router.navigate(['/list'], {queryParams:data} );

, который производит правильное событие навигации с этим URL:

http://localhost:8100/list?map-center=13.7414025,100.51102500000002

, но на целевой странице,queryParam пусто в обоих случаях:

// <ion-router-outlet main
//      (activate)="!!$event.viewWillEnter ? $event.viewWillEnter() : undefined"

viewWillEnter(){
    // using constructor(){ private route: ActivatedRoute }
    const mapCenter = this.route.snapshot.queryParams['map-center'];
    this.route.queryParams.subscribe(p=>console.log(">>> queryParams=", p))
}

однако queryParam работает нормально, когда я перезагружаюсь из браузера.что происходит?

[обновление] если я добавлю параметр в URL, queryParams будет работать нормально.

this.router.navigate(['/list',{a:1}], {queryParams:data} );
// http://localhost:8100/list;a=1?map-center=13.7414025,100.51102500000002