Внутри моего приложения Angular
я обрабатываю маршруты/состояния через ui-router
. Если все работает - это здорово. Но что является хорошим способом обработки ошибок, возникающих внутри функций resolve
?
Мое текущее решение:
У меня есть выделенное состояние error
(аналогично общему 404.html
). Что выглядит так:
// inside config()
.state('error', {
url: '/error',
controller: 'ErrorCtrl',
templateUrl: 'error.html' // displays an error message
})
Если внутри resolve
возникает ошибка, я получаю ее через переданную функцию $stateChangeError
в m run
:
angular.module('myModule').run(function($state) {
$rootScope.$on('$stateChangeError', function(event, toState, toParams, fromState, fromParams, error) {
event.preventDefault();
$state.go('error');
});
});
Это работает, , но. Я хочу изменить свое сообщение об ошибке внутри моего 'error.html'
в зависимости от ошибки. Я не хочу загрязнять $rootScope
, и я хочу сделать это с помощью ui-router
'esk.
Мое текущее решение использует $stateParams
для данных ошибки в моем состоянии error
, но для этого я должен использовать параметры запроса JSONified и получить очень уродливый URL:
// inside config()
.state('error', {
url: '/error?data&status&config', // accept these three params
controller: 'ErrorCtrl',
templateUrl: 'error.html' // displays an error message
})
angular.module('myModule').run(function($state) {
$rootScope.$on('$stateChangeError', function(event, toState, toParams, fromState, fromParams, error) {
event.preventDefault();
$state.go('error', JSON.stringify(error)); // error has data, status and config properties
});
});
Вопрос
Есть ли другой способ, как я могу передать объект error
в мое состояние error
без угасания моего URL-адреса? (Примечание. Мой объект error
является сложным, а не просто простой строкой.)