UI-Router evolves the concept of an AngularJS Route into a more general concept of a State for managing complex application UI states. Most notably, it allows nested state/view hierarchies and multiple named views.

learn more… | top users | synonyms (2)

0
votes
1answer
24 views

Angular ui-router bound state to URL

I'm struggling with this counfiguration of $stateProvider and $urlRouterProvider for days now. My problem is, in fact, that after I use $state.go(), state changes normally, but url in browser stays ...
0
votes
0answers
4 views

adal.js with ui-router never sends to auth

I'm using adal.js with ui-router and believe I have everything configured correctly. Unfortunately, when adding requireADLogin to my states, nothing happens and I get the error Failed to load template:...
0
votes
0answers
7 views

Ionic route with infinite hierarchy

I am trying to implement ionic with multilevel hierarchy view. Can anyone please help me to implement that. I don't want to create routes like catagory/level1/level2/level3.... .state('app', { ...
1
vote
0answers
9 views

Angular States multiple views with URL parameters

I have a page where I show 2 different lists of products using multiple views with each having a controller and template file. My state definition is like this: .state('all_lists', { url: '/...
0
votes
0answers
5 views

Angular ui-router clear cache(with ui-bootstrap doesn't work)

When we want to clean angular template cache, we have two ways: 1.$templateCache.removeAll(); 2.templateurl+ new Date().getTime() Template cache normal clearance, when it uses ui-bootstrap, it ...
0
votes
1answer
19 views

only one instance of babel/polyfill is allowed with angular ui-router

currently, I work for a school project and want to show some charts with angularJs and meteor. I want to use the ui-router plugin. But when I try to use it, I get the following error: Error: only ...
6
votes
0answers
22 views

secondary level routing in node js changes root directory

In my web project I am using angular JS and node JS both at the same time. For routing my url in Angular JS I have used the below code app.config(function($routeProvider,$locationProvider) { $...
0
votes
1answer
41 views

How to open page in different tab using ui-router Angular.js

I need one help. I am using angular.js UI-ROUTER for navigating the page. Here i need to open one page in a new tab of browser. I am explaining my code below. New.html: <div class="input-...
0
votes
0answers
12 views

AngularJS / ui-router - Restoring pagination position on back?

I have a paginated search results page and I want to be able to go back to the previous page, but what happens is the state is reset and I'm back on page 1. I could store the page in cookies/local ...
1
vote
1answer
28 views

ui.router, $scope, and controllerAs

I am unable to get the following to work, I keep getting an Unknown provider error. Any ideas? var app = angular.module('app', ['ui.router']); app.config(function($stateProvider, $urlRouterProvider)...
0
votes
1answer
29 views

Getting user profile in angular after user logged in

In my application each user has a specific profile, I have created a service to hold this profile named currentUser. I use the properties of this profile to render my the header of site and make ...
1
vote
1answer
21 views
1
vote
3answers
43 views

I am using angular, and my url always has a “!” (exclamation mark)

For example: http://localhost/#!/login.html I don't need "!". How would I remove it? eg:http://localhost/#/login.html This is my router code : // Redirect any unmatched url $urlRouterProvider....
0
votes
1answer
12 views

Access control with Angular & UI-Router. Call Stack Size errors & not reaching Express auth route

I'm trying to add access control to my Angular app and running into some puzzling troubles... On the front-end, the authentication function is being called repeatedly until it is stopped for being ...
0
votes
1answer
15 views

Screen view count always zero with Google analytics and SPA analytics

I implemented GA on my latest project. The web part of project is done using angularjs1 framework. I have a strange issue. I have implemented GA on Android, iOS and web. The issue is that the screen ...
54
votes
5answers
61k views

How do I share $scope data between states in angularjs ui-router?

Without using a service or constructing watchers in the parent controller, how would one give children states access to the main controller's $scope. .state("main", { controller:'...
72
votes
6answers
37k views

Angular ui router unit testing (states to urls)

I'm having some trouble unit testing the router in my application, which is built on the Angular ui router. What I want to test is whether state transitions change the URL appropriately (there will be ...
0
votes
1answer
27 views

Bootstrap alert message is not working inside angular run blocks under ui-router?

I am doing sample application to autologut if user is idle for 30 Min. before 1 minutes to logOut have to show an warning message to the user. So i have calculated the minutes and show the warning ...
1
vote
2answers
27 views

ui-view inside another not showing

I have a question regarding Angular UI-Router and its ui-views. I declare three ui-views inside another one, and the only one that shows up is the one with the name "languages". I don't understand why ...
0
votes
0answers
14 views

How to display a perticular tab of a page when back button is clicked using AngularJs?

I am having a page with 3 tabs. In that, only 3rd tab have a button called "Show Line". If I click on that button it will load a new page(graph). If I click on back button on that new page(graph), I ...
0
votes
1answer
27 views

ui-router Dynamic routing issue

is there using angularJS 1.5 and ui.router to define State and routes dynamically? I mean getting the data from a backend sever and then populate the ui-router param such as state, URL ... I tried to ...
0
votes
2answers
17 views

Meteor.user() undefined when refreshing using angular ui-router and alanning:roles

I came into an issue when developing an app using meteor, angular, and the packages ui-router and alanning:roles. Inside a component, I wan't a particular route to be available only for logged in ...
0
votes
0answers
18 views

Can i use $stateParams if i do not have key value pair objects in my response that i am returning?

What I mean is let's say you have an array of objects. They are all the same. They have an id, they have the city name, and country name as keys and their value will be say 1, NYC, USA. Now if i ...
0
votes
2answers
41 views

Abstract state with template in ionic

I am working with ui-router AngularJS in Ionic Project. I have an abstract state where I nest my children's templates via <ion-nav-view> tag. The question is can I display some default data in ...
0
votes
1answer
29 views

How to send URL parameter from angularJS to MVC action

I am using the state provider for mapping the urls , and the following is my AngularJS code. .state('uimenucategories', { url: "/MenuCategory.html", templateUrl: "/AppMenuMaker/...
0
votes
1answer
34 views

Controller life-cycle in Angular

I defined m my application states using ui-router: $stateProvider .state('app', { abstract: true, views: { 'nav@': { templateUrl: 'app/navbar.html', controller: '...
0
votes
0answers
28 views

Routing nested tabs

I have: -tab1 -tab2 -tab3 -- subtab1 -- subtab2 -- subtab3 -- subtab4 - tab4 If i get to any subtab through the slide menu, the tab3 becomes disabled. I would like to force tab3 to be enabled cause ...
1
vote
1answer
66 views

How to load a component with ui-router using Webpack, Components and OclazyLoad

I'm currently trying to use OcLazyLoad with angular component and ui-router 1.0.0 and Webpack 1. But I can't figure out how correctly show the html view using the views object with ui-view="MainView" ...
0
votes
1answer
12 views

ui-router events and $location events order

I want to know which one comes first and what is the correct order of these events? $locationChangeStart, $locationChangeSuccess, $stateChangeStart, $stateChangeSuccess
1
vote
1answer
581 views

Error: Firebase.child failed: First argument was an invalid path: “null”. Paths must be non-empty strings and can't contain “.”, “#”, “$”, “[”, or “]”

I've followed Packt Publishing to create a simple projects portfolio and I am currently getting: Error: Firebase.child failed: First argument was an invalid path: "undefined". Paths must be non-empty ...
0
votes
1answer
39 views

Refresh does not work anymore with angular-ui-router

Yesterday I switched from ngRoute to the angular-ui-router in my AngularJS application (Angular 1.4). The problem I am facing is that if I reach a page through link/button everything works fine, but ...
0
votes
1answer
13 views

Angular ui-router parameter causes conflicts with other states

Just to give some context, I have an Angular application with several separate modules. I am working with ui-router to provide routing to these modules, and I want to use the names of the modules in ...
0
votes
0answers
8 views

Angular/node noob in need of guidance: Sending a “run function” command to my server using a button on a template with a controller?

So this app that I'm building uses a node.js server, some html templates, some SQL, and some javascript to do things. I recently attempted to make my quickstart.js file a controller for my ...
0
votes
1answer
17 views

converting an array into an array of objects with same key pairs

i have an array like this: - ["119306.jpg","149426.jpg","157715.jpg","161706.jpg","171278.jpg","172313.jpg","179934.jpg","182047.jpg","182084.jpg","182261.jpg","183351.jpg","185276.jpg","189666.jpg","...
0
votes
0answers
19 views

Angular ui-router template not loading

I am attempting to switch over the basic Angular router to Angular-ui router. All is currently fine, but I am trying to implement the first REST style route in my app, and I am encountering an issue ...
0
votes
0answers
21 views

AngularJS - accessing toState information in my .run() function for authorization

I am building a basic CRUD app in Angular and Rails and having trouble restricting a logged in user from accessing the "edit" state for another user's information. I am using Devise and angular-devise,...
4
votes
2answers
456 views

Prevent routing in angular1 and angular2 when user manually changes url in browser tab

I am stuck in a issue that happens when user manually changes the route in browser tab and presses enter. This forces my ui-router/angular2-router to navigate to the state entered by user. I want to ...
0
votes
0answers
9 views

Angular load script dynamically from the url params

This is my controller url params http://localhost:4925/#/member/login/9617833/0 (I use the angular-ui-router for the url) The 9617833 param is my clientid I want to load script base on the ...
0
votes
2answers
10 views

$http request wrapped in Service returns the whole response in resolve state Provider

I have a state defined like this: .state('list', { url: '/list', controller: 'ctrl', resolve: { data: ['DataService', function(DataService) { ...
32
votes
4answers
29k views

AngularJS UI-Router : Get the absolute URL of the state with the parameters

I wanted to be able to change the address' URL without changing the state, as to prevent rerendering. From my search, ui-router currently does not provide this, but $location.path from anuglar does. ...
1
vote
0answers
19 views

Angular 1.5 angular-ui-router respond to custom url hash

I have a specific use case; Angular child application running independently within a larger dojo based host application. Hash based routing in the dojo host application Requirement for hash based ...
0
votes
2answers
52 views

controller undefined in named views

Following works perfect. In my application file app.js, i have states like .state('nna.home', { url: '/home', views: { templateUrl: 'views/home.html' } }) //home....
58
votes
5answers
2k views

What's the proper way to set a Router & RouterLink in Angular2 Dart

Question: What's the proper way to set a Router & RouterLink in the Angular2 Dart. main.dart import 'package:angular2/angular2.dart'; import 'package:angular2/router.dart'; import 'package:...
0
votes
1answer
14 views

AngularJs ui-router not working in Spring boot

I am using the UI-router library with Spring Boot and Spring Security. When I try to access a route I have defined, nothing happens, I don't even get an error in the console. Here is my app.js file ...
1
vote
2answers
64 views

Angular 2, using Angular Cli, and Ui Router Ng2, Resolve/Reject

I a have a question for you guys. I am using Angular 2, set up with Angular-CLI, with the UiRouter (ui-router-ng2). All of which are fantastic, and I am making progress. But, I've run into a problem, ...
0
votes
2answers
135 views

Angular2 UI router -ng2 routing from the controller

So I am using the UI-Router ng2 and I am trying to change route after a function happen, my code seems like this: SomeFuncion() { if(something){ router.goto('/newRouteName'); } } ...
1
vote
1answer
10 views

Simplest “Back” transition ui-router-ng2

I've seen that in html a uiSref="^" can be used to perform a "window history back", but how can this be achieved in code? At the moment I have a state : StateService and trans : Transition and use ...
0
votes
1answer
26 views

How can open the same modal from differents states in angularjs

i have an application generated using jhipster that have several views and a popup for shows the Product details. I need to open this popup from any view. The popup is open actually using angular-...
1
vote
0answers
38 views

AngularJs ui-router ui-sref not generating href from nested state with parameter

I'm new to angular (and an aspiring junior dev), and I can't get ui-router's ui-sref to generate an href. The code isn't pretty, but it works without .state('names.new'). I'm getting from .state('...
1
vote
1answer
65 views

how to highlight nav tab state1 when we are in state3

I have a situation where I need to highlight nav tab state1 when we are in state3 using ui-router concept. State3 is inside the state1 html. Below is my code: <nav> <a ui-sref="state1" ...