Can angular ui router do parallel AND nest view state like this

Question

I have the following workflow:

• The user sees the hotels tab by default.

The url should be: www.domain/#hotels

• Then the user clicks on a hotel-datarow

The url should be www.domain/#hotels/MyName

• Then the user clicks on the Open button

The UI changes and the Reservations tab is the active content

The url should be www.domain/#hotels/MyName/Reservations/20/10/2014 (which is 20/10/2014 in the image)

• The user click the "next day"-button

The url should be www.domain/#hotels/MyName/Reservations/21/10/2014

Can angular ui router display the last url which means the full state including Hotels?

The sample here from angular ui router just shows nested routing but something for my case which I would name parallel and nested routing: http://angular-ui.github.io/ui-router/sample/#/

When you ask yourself what is so cool about having the current hote/name in the url then just think of bookmarking it :) something like #hotels/MyName/Reservation/Today

If this would be bookmarked everyday I click on the bookmarked link and in my code I parse for "Today" and translate it to the current date that when I have a quick entry point.

Answer 1

I think this is along the lines of what you're after:

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