Обновленный вопрос
Вопрос в заголовке еще стоит - можно ли поймать ?parameters
и отменить просмотр перезагрузки.
Оригинальный вопрос: Мне нужно добавить поддержку привязки для моего приложения (привязки к темам).
Здесь, насколько я:
angular.module('app.topics', [
'ui.state',
'ui.router',
'restangular'
'app.topics.controllers'
])
.config(function config($stateProvider) {
$stateProvider.state('viewtopic', {
url: '/topics/:slug?section',
onEnter: function($stateParams) {
// Works, as state has been reloaded.
console.log('$stateParams', $stateParams);
},
resolve: {
topic: function ($stateParams, Topic) {
// Wrapper around Restangular. Returns promise.
return new Topic().get($stateParams.slug);
}
},
views: {
'main': {
controller: 'TopicCtrl',
templateUrl: 'topics/templates/details.tpl.html'
},
'sidebar': {
controller: 'SidebarCtrl',
templateUrl: 'topics/templates/sidebar.tpl.html'
}
}
});
});
angular.module('app.topics.controllers', [])
.controller('TopicCtrl', function ($scope, topic, $rootScope, $location,
$anchorScroll, $stateParams) {
$scope.topic = topic;
$scope.slug = $stateParams.slug;
$scope.section = $stateParams.section;
// ..
$scope.$watch('$stateParams.section', function (newValue, newValue) {
// Does not work.
console.log('stateParams.section changed', newValue, newValue);
});
});
Моя корневая проблема - когда я нажимаю ссылку на #/topics/slug-name?section=section-1
, состояние перезагружается полностью, что в свою очередь повторно запрашивает данные для темы. Как можно просто "обновить" параметры запроса (и поймать это событие в контроллере), но не перезагрузить состояние (чтобы сохранить данные)?
ИЗМЕНИТЬ
Для моей проблемы существует довольно простое решение, которое я не заметил -
per Документация AngularJS в "Режимах Hashbang и HTML5" - последний хэш доступен через $location.hash()
, а прокрутка может быть инициирована $anchorScroll()
Итак, мое текущее решение:
В контроллере:
$scope.$watch('$location.hash', function () {
_.defer($anchorScroll);
});
Отсрочка необходима, потому что контент еще не анализируется, и нет идентификаторов.
В шаблоне мне просто нужно было установить цель на #/topics/slug-name#section-name
.