Я разрабатываю приложение Angularjs, используя мою собственную самодельную модальную систему. При открытии модального окна «основное» состояние должно оставаться видимым на фоне. Я хочу достичь этого, сделав фоновое состояние (основное) липким. Это моя текущая настройка:Угловые ui-router-extras modal: липкие состояния (состояние фона обновляется)
// Base states
.state('main', {
url: '/main',
views: {
'main': {
templateUrl: 'app/main/main.html',
controller: 'MainController'
}
},
sticky: true,
deepStateRedirect: true
})
.state('modal', {
url: '/modal',
views: {
'modal': {
templateUrl: 'app/modal/modal.html',
controller: 'ModalController'
}
}
})
// Main states
.state('main.about', {
url: '/about',
templateUrl: 'app/about/about.html',
controller: 'AboutController'
})
.state('main.help', {
url: '/help',
templateUrl: 'app/help/help.html',
controller: 'HelpController'
})
// Modal states
.state('modal.menu', {
templateUrl: 'app/menu/menu.html',
controller: 'MenuController'
})
У моего index.html есть два ui-views (основной и модальный). Он отлично работает, однако, когда я перехожу на страницу about, откройте меню (в модальном режиме), нажмите на страницу справки и снова откройте меню, вместо того, чтобы показывать справочную страницу в фоновом режиме, она отображает страницу о странице.
Может ли кто-нибудь сказать мне, что происходит? Основное состояние обновляется, когда я нажимаю ссылку модального состояния.
У вас есть скрипт для вашего кода? – Mark