I was having trouble with .transitionTo until I updated to ui-router 0.2.14. 0.2.14 properly changes the location bar (without reloading the controller) using a call like this: $state.transitionTo(‘search’, {q: ‘updated search term’}, { notify: false });
The reason you would use an abstract state is to keep your definition dry when you have a part of your url non-navigable. For example, say that you had a url scheme like the following: /home/index /home/contact However, for whatever reason in your design, this url was invalid (i.e. no purpose for a page): /home … Read more
Instead of this- <li ui-sref-active=”active”> <a ui-sref=”posts.details”>Posts</a> </li> You can do this- <li ng-class=”{active: $state.includes(‘posts’)}”> <a ui-sref=”posts.details”>Posts</a> </li> Currently it doesn’t work. There is a discussion going on here (https://github.com/angular-ui/ui-router/pull/927) And, it will be added soon. UPDATE: For this to work, $state should be available in view. angular.module(‘xyz’).controller(‘AbcController’, [‘$scope’, ‘$state’, function($scope, $state) { $scope.$state = … Read more
Are you referring to the AngularUI Router? If so, the wiki specifies the differences: $state.go(to [, toParams] [, options]) Returns a Promise representing the state of the transition. Convenience method for transitioning to a new state. $state.go calls $state.transitionTo internally but automatically sets options to { location: true, inherit: true, relative: $state.$current, notify: true }. … Read more
Not fully sure where is theissue here… but I created working plunker, which should help to see what is needed to see the HTML 5 and ui-router working together. In case that server side is configured properly, this should work out of the box. Please, check this firstly: How to: Configure your server to work … Read more
What we would need here, is to do NOT redirect, if the state TO is already the ‘login’. Just a drafted adjustment would be $rootScope.$on( ‘$stateChangeStart’, function(e, toState , toParams , fromState, fromParams) { var isLogin = toState.name === “login”; if(isLogin){ return; // no need to redirect anymore } … And also, we should call … Read more
You might be looking for dynamic template name based on the state params $stateProvider.state(‘contacts’, { templateUrl: function ($stateParams){ return ‘/partials/contacts.’ + $stateParams.filterBy + ‘.html’; } }) See the docs for more information https://github.com/angular-ui/ui-router/wiki#templates
The way I am using ui-router in this scenarios is: move the views to the least common denominator. Other words: In case that ui-view=”nav” is shared among all the details and is the same for all of them (because it should be loaded only once) – it should be part of the list state (parent … Read more
I know this is extremely late to the game, but I wanted to throw my opinion out there and discuss what I believe is an excellent way to “pause” a state change. Per the documentation of angular-ui-router, any member of the “resolve” object of the state that is a promise must be resolved before the … Read more
This answer inspired me to create a directive that allows me to interrupt the chain of events that end up changing state. For convenience and other uses also prevents the execution of ng-click on the same element. javascript module.directive(‘eatClickIf’, [‘$parse’, ‘$rootScope’, function($parse, $rootScope) { return { // this ensure eatClickIf be compiled before ngClick priority: … Read more