angular-ui-router

Use $stateChangeSuccess. You can put it in a directive: app.directive(‘updateTitle’, [‘$rootScope’, ‘$timeout’, function($rootScope, $timeout) { return { link: function(scope, element) { var listener = function(event, toState) { var title=”Default Title”; if (toState.data && toState.data.pageTitle) title = toState.data.pageTitle; $timeout(function() { element.text(title); }, 0, false); }; $rootScope.$on(‘$stateChangeSuccess’, listener); } }; } ]); And: <title update-title></title> Demo: http://run.plnkr.co/8tqvzlCw62Tl7t4j/#/home … Read more

The Fix Use the $injector service to get a reference to the $state service. var interceptor = [‘$location’, ‘$q’, ‘$injector’, function($location, $q, $injector) { function success(response) { return response; } function error(response) { if(response.status === 401) { $injector.get(‘$state’).transitionTo(‘public.login’); return $q.reject(response); } else { return $q.reject(response); } } return function(promise) { return promise.then(success, error); } }]; … Read more

The documentation reiterates your findings here: https://github.com/angular-ui/ui-router/wiki/URL-Routing#stateparams-service If my memory serves, $stateParams was introduced later than the original $state.params, and seems to be a simple helper injector to avoid continuously writing $state.params. I doubt there are any best practice guidelines, but context wins out for me. If you simply want access to the params received … Read more

If you want to pass non-URL state, then you must not use url when setting up your state. I found the answer on a PR and did some monkeying around to better understand. $stateProvider.state(‘toState’, { templateUrl:’wokka.html’, controller:’stateController’, params: { ‘referer’: ‘some default’, ‘param2’: ‘some default’, ‘etc’: ‘some default’ } }); Then you can navigate to … Read more

Simply you can use $state.transitionTo instead of $state.go . $state.go calls $state.transitionTo internally but automatically sets options to { location: true, inherit: true, relative: $state.$current, notify: true } . You can call $state.transitionTo and set notify: false . For example: $state.go(‘.detail’, {id: newId}) can be replaced by $state.transitionTo(‘.detail’, {id: newId}, { location: true, inherit: true, … Read more