tabs - 在新的浏览器选项卡中使用参数导航到 aurelia 路由

Question

我可以将参数传递给路由并使用以下代码导航到那里:

this.router.navigateToRoute('CaseList', { RefNo: this.selectedData.RefNo
},  { replace: true })

参数正确传递到新页面。

不过，我想在新标签页中打开页面。我试过:

window.open(this.router.generate('CaseList', { RefNo:
this.selectedData.RefNo }),'_blank');

这将打开一个新选项卡并将参数值附加到 URL，例如http://localhost:49328/AppCaseMgmt/CaseList/20150000015 ，但是如果我尝试像这样在激活时读取参数的值:

activate(params) {
    console.log('activate in case list');
    console.log(params.RefNo);
    ....
}   

它是未定义的。

我正在使用动态添加路由到路由器

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

但据我所知，这应该没有什么不同。 (我尝试将路由添加到 config.map 但没有成功)。我开始认为这是不可能的。有人有什么想法吗？

谢谢，安东尼

Answer 1

我无法重现此错误。但是，我想恢复您对 Aurelia 的信心，所以这是一个有效的 demo与 source根据您的用例。

我之前在重用相同的 ViewModel 时遇到过类似的问题，但在那种情况下，activated 事件没有被第二次调用。我根据 Cheat Sheet 将 VM 的 activationStrategy 更改为 replace 解决了这个问题

export class Product {
    determineActivationStrategy(){
        return activationStrategy.replace;
    }
}

这可能会让您更接近解决方案。