title: Ionic 4 Router Link and queryParams not working
body: <p>I have been trying different solution i found here. However, none of it works. I am able to produce the link with parameters but still not able to get it in another component. here is my code:</p>
  
  <p>app-routing.module:</p>
  
  <pre><code>  { path: 'branch', loadChildren: './branch/branch.module#BranchPageModule' }
  </code></pre>
  
  <p>choosePage.html:</p>
  
  <pre><code> &lt;ion-col&gt;
      &lt;a class="flex" [routerLink]= "['/branch']" [queryParams]="{ id: '17'}" routerDirection="forward"&gt;
           &lt;!-- something here --&gt;
      &lt;/a&gt;
    &lt;/ion-col&gt;
  </code></pre>
  
  <p>branch.page.ts:</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { ActivatedRoute } from '@angular/router';
  import 'rxjs/add/operator/filter';
  
  
  @Component({
    selector: 'app-branchprofile',
    templateUrl: './branchprofile.page.html',
    styleUrls: ['./branchprofile.page.scss'],
  })
  
  export class BranchprofilePage implements OnInit {
  
    brand: string;
  
    constructor(private route: ActivatedRoute) {  }
  
    ngOnInit() {
      this.route.queryParams
        .filter(params =&gt; params.id)
        .subscribe(params =&gt; {
          console.log(params); 
  
          this.brand = params.id;
          console.log(this.brand); 
        });
      }
  }
  </code></pre>
  
  <p>branch.page.html:</p>
  
  <pre><code>{{ brand }}
  </code></pre>
  
  <p>What could be missing?? Even in <code>console.log</code> have nothing</p>