Не хочу показаться излишне категоричным, но все же настоятельно рекомендую смотреть в сторону
https://github.com/angular-ui/ui-router
Нативный роутер они сейчас может и допилили, но тут все до мелочей продумано. Как раз можно спокойно делать вложенные стейты и прочие штуки, причем из коробки автоматическая подсветка дерева роутов.
вот небольшой пример:
<a ui-sref="app.discussions.categories.posts.new">...</a>
.state('app.discussions.categories.posts.new', {
title: 'Создание нового обсуждения',
url: "/new",
views: {
content@': {
controller: 'DiscussionCreateCtrl',
templateProvider: function ($templateFactory) {
return $templateFactory.fromCacheOrUrl('...../discussion-create.html');
}
},
}
})
тут мы получаем наследование урлов, автоматом знаем в какой из ветвей роутинга находимся.
Документация в достатке, надо лишь начать использовать)
