title: List of queryParams is empty in Angular 5 routing
body: <p>I'm new to Angular and I've looked for solution of my problem, but unfortunately I haven't found that.
  When I 'm passing parameters to the router (class Router), but list of params (on target site) is empty.</p>
  
  <pre><code>let navigationExtras: NavigationExtras ={
    queryParams: {
      uri: item.uri
    }
  }
  
  this.router.navigateByUrl('articlelist/article-details', navigationExtras);
  </code></pre>
  
  <p>Article-details component (route is ActivatedRoute class):</p>
  
  <pre><code>   ngOnInit(): void {
          console.log("ArticleDetailsComponent " + JSON.stringify(this.route.url));
      this.route.queryParamMap.map(paramMap =&gt;{
              this.uri = paramMap.get('uri');
              console.log(this.uri);
          });
      }
  </code></pre>
  
  <p>Routing in ArticleList module (one of modules in my project):</p>
  
  <pre><code>const routes: Routes = [{
    path: '',
    component: ArticleListComponent,
      data: {
        title: 'ArticleList'
      },
    },
  {
    path: 'article-details',
    component: ArticleDetailsComponent,
    data: {
      title: 'ArticleDetails'
    },
  }
  ];
  </code></pre>
  
  <p>When I logged route.url in target component the result was:</p>
  
  <blockquote>
    <p>ArticleDetailsComponent
    {"_isScalar":false,"observers":[],"closed":false,"isStopped":false,"hasError":false,"thrownError":null,"_value":[{"path":"article-details","parameters":{}}]}</p>
  </blockquote>
  
  <p>If somebody knows how to fixed it, I'll be grateful for help :)</p>