Angularjs UI路由器中的嵌套动态路径
我有一个Angular应用程序,它是一个仪表板风格的应用程序,允许用户向下钻取n个级别。我正在尝试设置动态路径,每次用户深入查看时都会附加一个新的仪表板id。例如,根仪表板将如下所示:Angularjs UI路由器中的嵌套动态路径,angularjs,state,angular-ui-router,Angularjs,State,Angular Ui Router,我有一个Angular应用程序,它是一个仪表板风格的应用程序,允许用户向下钻取n个级别。我正在尝试设置动态路径,每次用户深入查看时都会附加一个新的仪表板id。例如,根仪表板将如下所示: /reporting/dashboard/root /reporting/dashboard/root/dashboard1/dashboard2/dashboard3/dashboard4 然后,如果用户向下钻取4次,可能会出现如下情况: /reporting/dashboard/root /report
/reporting/dashboard/root
/reporting/dashboard/root/dashboard1/dashboard2/dashboard3/dashboard4
然后,如果用户向下钻取4次,可能会出现如下情况:
/reporting/dashboard/root
/reporting/dashboard/root/dashboard1/dashboard2/dashboard3/dashboard4
我尝试在我的状态配置中使用正则表达式模式,但没有效果。调用$state.go()
时,我不知道如何附加路径
任何帮助都将不胜感激!也许有更好的方法来实现这一点 我建议走的路在这里有详细描述:
- 及
*{myPath:[a-zA-Z0-9/]*}*
:
state: 'dashboard',
config: {
url:"/reporting/dashboard/{myPath:[a-zA-Z0-9/]*}",
templateUrl: function(params) {
var path = params.path.split('/').reverse(),
var guid = path[0];
params.guid = guid;
return 'views/dashboard/dashboard.html';
},
controller:'DashboardController'
}
作为plunker(关于文件夹和文件),我们可以使用任何类型的链接:
<a href="#/reporting/dashboard/root/dashboard1">
<a href="#/reporting/dashboard/root/dashboard1/dashboard2">
<a href="#/reporting/dashboard/root/dashboard1/dashboard2/dashboard3">
<a href="#/reporting/dashboard/root/dashboard1/dashboard2/dashboard3/dashboard4">
您不能将级别设置为一个参数,使/reporting/dashboard?级别=1&page=用户吗?