Navigating to an aurelia route with a parameter and in a new browser tab
<p>I can pass a parameter to a route and navigate there using this code:</p>

<pre><code>this.router.navigateToRoute('CaseList', { RefNo: this.selectedData.RefNo
},  { replace: true })
</code></pre>

<p>The parameter is passed correctly to the new page. </p>

<p>However, I would like to open the page in a new tab. I've tried:</p>

<pre><code>window.open(this.router.generate('CaseList', { RefNo:
this.selectedData.RefNo }),'_blank');
</code></pre>

<p>This opens a new tab and appends the parameter value to the URL e.g. <a href="http://localhost:49328/AppCaseMgmt/CaseList/20150000015" rel="nofollow">http://localhost:49328/AppCaseMgmt/CaseList/20150000015</a>, but if I try to read the value of the parameter on activation like this:</p>

<pre><code>activate(params) {
    console.log('activate in case list');
    console.log(params.RefNo);
    ....
}   
</code></pre>

<p>it's undefined.</p>

<p>I am adding the route dynamically to the router using</p>

<pre><code>this.router.addRoute({
        route: "/AppCaseMgmt/CaseList/:RefNo", name: "CaseList", moduleId: "app/case-management/case-list",
        title: "CaseMgmt:CaseManagement_SiteMapHeaderCaseManagement_title" });
    this.router.refreshNavigation();
</code></pre>

<p>but that shouldn't make a difference as far as I'm aware. (I've tried adding the route to the config.map instead but without success). I'm beginning to think this isn't possible. Has anyone any ideas?</p>

<p>Thanks,
Anthony </p>