title: How to open router.navigate /router link with query params in new tab
body: <p>I'm trying to navigate to a new tab on a click event, and I need to pass query param</p>
  
  <pre><code>&lt;div  (click)="viewDetails()"&gt;view&lt;div&gt;
  </code></pre>
  
  <p>function</p>
  
  <pre><code>import { NavigationExtras, Router } from '@angular/router';
  
  viewDetails(){
      let navigationExtras: NavigationExtras = {
      queryParams: {
         "selectedAssessmentId": 10
      }
    };
   this.router.navigate(['./view'], navigationExtras)
  }
  </code></pre>
  
  <p>Currently, am able to open in current tab. but, I need it to be open in new tab with query params. I tried with <code>[RouterLink]</code> also but faced the same issue.</p>