Я пытаюсь настроить мое приложение с помощью ui-router. Я знаком с основными вложенными представлениями, но я хочу сделать что-то более сложное. У меня есть основная настройка основных видов. Я хотел бы иметь всплывающее окно чата, которое имеет свои собственные представления, которые не зависят от основных представлений. Я хочу, чтобы иметь возможность перемещаться по основным представлениям и не влиять на состояния в всплывающем окне чата. Итак, как это делается? Нужно ли мне иметь абстрактное состояние для чата? а затем у вас есть вложенные представления?
вот визуальный.
и вот плукер
$stateProvider
.state('root', {
abstract: true,
views: {
'@': {
template: '<ui-view />',
controller: 'RootCtrl',
controllerAs: 'rootCtrl'
},
'[email protected]': {
templateUrl: 'header.html',
controller: 'HeaderCtrl',
controllerAs: 'headerCtrl'
},
'[email protected]': {
templateUrl: 'footer.html',
controller: 'FooterCtrl',
controllerAs: 'footerCtrl'
}
}
})
.state('root.home',{
parent:'root',
url:'/home',
templateUrl:'home.html',
controller: 'HomeController',
controllerAs:'homeCtrl'
})
.state('root.about',{
parent:'root',
url:'/about',
templateUrl:'about.html'
});
});