Угловой UI-маршрутизатор и липкие состояния

Question

Я новичок в угловом UI-роутере, но до сих пор использовал его для простых раскладок.

У меня есть этот поршень: http://plnkr.co/edit/q71yKZ2m8iZrZo2FwbZd?p=preview

То, что я пытаюсь сделать, имеет два аспекта:

1. чтобы иметь возможность внести некоторые изменения в часть a, нажмите на часть b, внесите некоторые изменения и нажмите назад между двумя частями, но сохраните измененные данные
2. чтобы внести изменения в a, перейдите к b, затем нажмите кнопку "Назад" и вернитесь к a без потери изменений.

мои состояния определены так

$stateProvider
        .state('top', {
            url: '/top',
            name: 'top',
            sticky: true,
            templateUrl: 'top.html'
        });

$stateProvider
        .state('top.parta', {
            url: '/parta',
            name: 'parta',
            sticky: true,
            templateUrl: 'parta.html',
            controller: 'parta'
        });

$stateProvider
        .state('top.partb', {
            url: '/partb',
            name: 'partb',
            templateUrl: 'partb.html',
            sticky: true,
            controller: 'partb'
        });    

в то время как я могу заставить работать представления, я не могу сохранить состояние на месте

Я думал, что при наличии "top.parta" и "top.partb" я буду создавать вложенное представление, но меня несколько смущает необходимость иметь объект views в состоянии верхнего уровня

Когда я попытался использовать представления, все, что я получил, было пустым экраном. Я надеюсь, что это достаточно простое исправление - все, что мне нужно, это переключатель, чтобы включить лампочку;)

Обновление № 1 выглядит так, как будто мне нужно использовать именованные представления ("Представление закрепленного состояния должно предназначаться для своего уникального именованного представления ui."). Я посмотрю дальше в этом