Javascript 角度ui路由器:重新加载时访问$stateparms

Javascript 角度ui路由器:重新加载时访问$stateparms,javascript,angularjs,angular-ui-router,parameter-passing,state,Javascript,Angularjs,Angular Ui Router,Parameter Passing,State,在我的Angular应用程序中,我有以下路线结构: .state('mapping', { url: '/mapping', templateUrl: 'app/components/mapping/mapping.html', controller: 'MapCtrl as map', abstract: true, authenticate: true }) .state('mapping.all', { url: '', templa

在我的Angular应用程序中,我有以下路线结构:

.state('mapping', {
    url: '/mapping',
    templateUrl: 'app/components/mapping/mapping.html',
    controller: 'MapCtrl as map',
    abstract: true,
    authenticate: true
})
.state('mapping.all', {
    url: '',
    templateUrl: 'app/components/mapping/partials/all.html',
    authenticate: true
})
.state('mapping.project', {
    url: '/:projectName',
    controller: 'ProjectCtrl as proj',
    templateUrl: 'app/components/mapping/partials/project.html',
    authenticate: true
})
预期的功能是,当用户访问
'mapping.project'
时,应用程序将使用
projectID
变量加载与该项目相关的所有相关信息,该变量通过
$stateParams
使用
ui-sref
进行传递(不可见):

ui-sref="mapping.project({projectId: project.id, projectName: project.name})"
但是,这会导致不必要的行为:当用户在已处于
'mapping.project'
状态时重新加载页面时,不会加载任何内容,因为没有有效传递
$stateParams


在重新加载时(并确保我的控制器再次启动)获得
projectId而不在URL上显示它的最佳方式是什么?

在这种情况下,如果我们希望参数在页面重新加载(或在新选项卡/窗口中打开)后仍然有效,那么它们必须是URL的一部分。因此,实现这一点的方法是使用
projectId
扩展URL定义:

.state('mapping.project', {
    url: '/:projectName?projectId',
    ...
})
这将把
projectId
添加为“查询字符串参数”。另一个选项是参数嵌套


还请检查此项:

我不知道,我以为以不可见的方式传递$stateParams会按预期的方式工作。非常感谢。它根本不能,因为它在SPA中通过Javascript传递参数。重新加载或在新窗口中打开===仅保留url部分
.state('mapping.project', {
    url: '/:projectName/:projectId',
    ...
})