Как используя ui-router загружать в один view разные шаблоны?

Question

[Алексей Владимиров]

Здравствйте, господа.

Допустим, есть блок навигации:
<div ui-view="mainNavView"></div>

При смене урлов, надо загружать в него разные шаблоны:

$stateProvider
        .state('notes', {
            url: "/notes",
            views:{
                'mainNavView' : {
                   templateUrl: '/partials/notesGroups.html',
                   controller: 'mainNavCtrl',
                } 
            }
        })
        .state('notes.list',{
            url:'/list/{id}',
            views:{
                'mainNavView' : {
                    templateUrl: '/partials/notesList.html',
                    controller:  'mainNavCtrl',
                }
            }
        })

На сколько я понимаю, при смене урлов должны автоматически подгружаться и рендериться шаблоны, но этог не происходит.
В консоли появляется надпись "XHR finished loading: GET ".......:8000/partials/notesList.html". ", то есть фактически он загружается, но не рендерится.
Подскажите пожалуйста, может не так что-то понимаю, или вообще не так все делаю?
Заранее спасибо.

Answer 1

[4ikist]

stackoverflow.com/questions/22175980/angular-ui-ro...

Answer 2

[maxaon]

Вы пытаетесь использовать Nested states, там где они вероятно не требуются.