.state('users', { url: '/users', ... }) .state('users.details', { url: '/:id', ... }) .state('users.details.payment', { url: '/payment', ... }) .state('users.details.payment_details', { url: '/payment/:payment_id', ... }) .state('users.details.payment_details.from', { url: '/from' ... });
hiding parent ui-views
By jhsu
angular ui-router and controlling layout with growing-panes