角度ui路由器可以像这样并行和嵌套视图状态

时间:2014-03-20 14:47:35

标签: angular-ui-router

我有以下工作流程:

  • 默认情况下,用户会看到酒店标签。

网址应为:www.domain /#hotels

  • 然后用户点击hotel-datarow

网址应为www.domain /#hotels / MyName

  • 然后用户点击“打开”按钮

用户界面更改,“预订”标签是活动内容

该网址应为www.domain /#hotels / MyName / Reservations / 20/10/2014(图片中为2014年10月20日)

  • 用户点击"第二天" -button

网址应为www.domain /#hotels / MyName / Reservations / 21/10/2014

有角度的ui路由器可以显示最后一个网址,这意味着包括酒店在内的完整状态吗?

enter image description here

这里来自angular ui路由器的示例只显示了嵌套路由,但是对于我的情况我会命名为并行和嵌套路由: http://angular-ui.github.io/ui-router/sample/#/

当你问自己,如果在网址中显示当前的hote / name有什么好看的话,那就试着给它添加书签:)就像#hotels / MyName / Reservation / Today

如果每天都有书签,我点击已添加书签的链接,在我的代码中我解析"今天"并将其翻译为当我有快速入口点时的当前日期。

1 个答案:

答案 0 :(得分:3)

我认为这与你所追求的一致:

http://plnkr.co/edit/AD20fJJMx9eNpuEwOFwj?p=preview