Я использую angular -ui-router и angular -bootstrap в моем проекте.
Я хочу реализовать следующий прецедент:
Когда пользователь нажимает кнопку "Изменить", UI-Router изменяет URL-адрес и открывает модальное окно. Когда я вернусь, нажмите кнопку браузера, модальное окно закрывается.
Если пользователь перезагружает страницу при открытии модального окна, приложение должно отображать содержимое модального окна в главном контейнере ui-view.
Этот пример использования, который вы можете увидеть у этого автора: http://canopy.co/ (попробуйте нажать на элемент и перезагрузить страницу)
Вопрос: Как реализовать описанное выше поведение?
Вот мой jsFiddle http://jsfiddle.net/sloot/ceWqw/3/
var app = angular.module('myApp', ['ui.router', 'ui.bootstrap'])
.config(function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider
.state('app', {
url: '/',
controller: 'AppCtrl',
templateUrl: '/views/app.html'
})
.state('item', {
url: '/profile',
controller: 'ItemCtrl',
templateUrl: '/views/item.html'
});
})
.controller('AppCtrl', function($scope, $modal, $state){
$scope.open = function(){
// open modal whithout changing url
$modal.open({
templateUrl: '/views/item.html'
});
// I need to open popup via $state.go or something like this
};
})
.controller('ItemCtrl', function(){});