使用参数并在新的浏览器选项卡中导航到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

我无法重现此错误.不过,我想恢复奥里利亚你的信仰,所以这里是一个工作的演示与源根据你的使用情况.

我在重用相同的ViewModel之前遇到了类似的问题,但在这种情况下activated,第二次没有调用该事件.我已经通过replace根据Cheat Sheet更改VM的activationStrategy来解决这个问题

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

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