Questions tagged [angular-ui-router-extras]

Ui-Router Extras is a component that adds additional functionality to Ui-Router, this additional functionality includes sticky states, deep state redirect and previous/future states.

UI-Router Extras

UI-Router Extras is a component created to add additional functionality to UI-Router, the component created by the Angular-UI team to replace Angular's default router.

A question using the ui-router-extras tag should:

  • Pertain to a project that is:
    • built on the AngularJS framework with UI-Router integration.
    • implement or be attempting to implement the features of UI-Router Extras.
  • Not be easily answered by the UI-Router Extras Docs.
114 questions
8
votes
2 answers

Maintain state of Search page after navigating back from details page in Angular

I'm new to angular and I have a requirement to maintain the state of the search results page(i.e preserve the sort and filter values of the search results grid) when the user navigates to the details page by clicking on a link in search results grid…
user1613338
  • 153
  • 1
  • 2
  • 9
8
votes
2 answers

persist sibling ui-views when changing state - ui-router

This question is based on "How can I persist sibling ui-views when changing state" (plunker). I try to keep a view (content) unchanged, when I change the state in the main navigation (mainNav). The content should only be set by the sub navigation,…
Stefan
  • 1,041
  • 1
  • 14
  • 28
7
votes
1 answer

angularjs cordova base href

trying to set the correct base href value for an angularjs html5 web app to work in cordova initially using $locationProvider.html5Mode(true) with : app works perfectly in a normal browser cordova gives resource errors for css /…
7
votes
2 answers

UI router same controller for multiple states

In my Angular JS application, I have 2 views - v1 and v2 and 1 controller - appCtrl. I have configured UI router as below .state('profile.v1', { url: '/v1', templateUrl: 'v1.html', controller: 'appCtrl' …
7
votes
2 answers

How to 'remember' scroll position in angularJS w/ Ui.ROUTER

I have a project I'm using angularJS with ui.router and we have a list of events that can be really long (has infinite scroll) if a user clicks on an event to view details a back button is displayed however upon clicking back the scroll of the div…
6
votes
2 answers

How to get the Previous State with Params using ui-router

Problem Statement : I have a button "add comment" , I should be able to add comment only when i have logged into the system. But problem is I cannot come back to "add comment" page after login, because I dont know the previous state or cannot get…
4
votes
0 answers

How to handle Location bad-path & redirect to default state

I have state with multiple params. Like below $urlRouterProvider.otherwise(function ($injector, $location) { var $state = $injector.get('$state'); return $state.go('404'); }); $stateProvider // Home .state('dashboard', { …
4
votes
1 answer

Multiple states on one page with ui-router

currently i am investigating the possibility to configure ui-router for the following scenario. It would be great, if someone have an idea how to achieve this. I have a simple one pager layout with a navigation. Each navigation item have a div box…
xyNNN
  • 492
  • 3
  • 21
4
votes
1 answer

Registering future state after login using ui-router-extras-future-state module

Myself trying to register a future state after login based on user type. For example: If user_type is buyer, then I need to register all routers that I maintained from futureStates_buyer.json If user_type is admin, then I need to register all…
Asik
  • 7,967
  • 4
  • 28
  • 34
3
votes
2 answers

Resolve a promise before state changes UI-Router

I am using ui-router and ui-router extras $scope.$on('$transitionStart', function (e, $transition$) { var params = {id:1}; factory.webService(params) .success(function (data) { if (data.d == "Expired") {//Inspects the…
Jozkee
  • 77
  • 2
  • 13
3
votes
3 answers

ng-show with $state.includes has blink/flickering - angular; ui-router

As described here How to ng-hide and ng-show views using angular ui router, I have the following markup:
Using flex-box…
Stefan
  • 1,041
  • 1
  • 14
  • 28
3
votes
1 answer

query parameters not working with ui-router

I need to route to state using complete url with query parameters and perform action in controller according to query parameters. It works fine if I use simple routing url with variables like : "/load/:portName/:id" It doesn't work if I will add…
3
votes
0 answers

AngularJS Ui-router - Keep sub ui-view changes between tabs (sticky states)

I am struggling trying to make two tabs to keep an independent behavior using UI-ROUTER. Here is the scenario: Person details editor with tabs: Tab 1: Basic Person Info @ ui-view="basic" Tab 2: Addresses grid -> edit address state @…
3
votes
1 answer

Angular Ui-Router-Extras | Trying to implement sticky states, but not working

Well, I have this plunkr trying to simulate my situation: I have 3 tabs and the idea is that the user type a word on the textbox, and when click the button, an angular service returns an answer (result) from a DB according to the typed on the…
3
votes
1 answer

ui-router states with oclazyload does not load a new module to the app

I am trying to load a new module "testlazy" into the app when defining the states in the app.config using oclazyload and ui-router Will i need require.js hooked up to load the new module with the existing app? I thought oclazyload will actually…
looneytunes
  • 741
  • 4
  • 16
  • 35
1
2 3 4 5 6 7 8