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)

-2
votes
0answers
7 views

complex condition for angular ui-route url parameter via regexp

How I can to set condition any string except "admin" for angular ui-route parameter with regex? Thanks a lot!
1
vote
1answer
40 views

open page in new tab using angular js ui-router on right click

$stateProvider // Home route .state('dashboard', { url: '/dashboard', views: { '': { templateUrl: 'views/dashboard.html' , ...
2
votes
2answers
17 views

How to update headers in $resource when routing to a new state

I'm trying to implement JWT token in this project. For that I used Authorization header in the $resource, like as this. When I login on UI state "A", after getting logged in, I put the token in the ...
0
votes
1answer
23 views

Angular UI router sub states not working on IE

As I said in my other question, I'm creating a webapp in AngularJS with NodeJS, Express and Angular-UI-Router. At first I couldn't get the page to load at all (I managed to solve that problem), now ...
20
votes
5answers
17k views

Using 'controller as' with the ui-router isn't working as expected

I have the following state setup for a page using an abstract state and the controller as syntax: # Details page route .state 'title', url: '/title', abstract: true, template: '<ui-view/>...
87
votes
12answers
138k views

How to send and retrieve parameters using $state.go toParams and $stateParams?

I am using AngularJS v1.2.0-rc.2 with ui-router v0.2.0. I want to pass the referrer state to another state so I use the toParams of $state.go like so: $state.go('toState', {referer: $state.current....
0
votes
1answer
9 views

What happens with a table in a ui-view when the ui-view changed state?

I have a ui-view inside a bootstrap Nav Tabs: <div class="container-fluid"> <ul class="nav nav-tabs"> <li ng-class="{ active: isActive('/product/list') }">&...
-1
votes
1answer
27 views

Angular UI-Router, not found on URL refreshing [duplicate]

When I type http://localhost:6060/home, it showed me cannot get /home, but when I click the button $state.go('home'), it shows, and the URL is still http://localhost:6060/home. But when I refresh, it ...
3
votes
1answer
3k views

Testing ui.router $stateChangeSuccess

I have a simple function in my main controller that updates $scope.loading based on ui.router's $stateChangeStart and $stateChangeSuccess events. $scope.$on('$stateChangeStart', function(event, ...
0
votes
2answers
19 views

AngularJS ui.router giving me a blank page

I see a couple unanswered question along these lines - hopefully, I will state this in a way that elicits a solution. Thanks in advance AngularJS 1 - using grunt index.html <!doctype html > &...
1
vote
2answers
30 views

AngularJS Node app downloads instead of loading in Internet Explorer

Whenever I try loading my AngularJS webpage (on a node js + express server) through http://localhost:3000, Internet Explorer just tries to download it with a random name and no file extension, instead ...
0
votes
0answers
27 views

Angular.js Dynamic routing with templateUrl

I have a web site where the code is organised in 3 folders: websiteTemplate-Front with angular.js- Back witn node.js. I need to create a dynamic routing when the user when he click on the logo picture ...
10
votes
2answers
6k views

AngularJS with ui.router: reload page when clicking the same state link

I just got a request from our QA team, which I think sounds ridiculous. Here it goes: suppose you are already on the 'about' state/page in the angular-based app, and when you click on the 'about' ...
0
votes
1answer
28 views

Error: $injector:modulerr Module Error in angular1

I have implemented ui-router in my angular 1 application and also configured the route state. When I try to access the page, I get the error as mentioned in the title of this post. Please find my code ...
0
votes
1answer
28 views

Angular ui-routing with domain aliases

We use Angular-UI-Router to navigate to our website. That is working fine. But we want to use domain aliases which point to a specific page of the website, with the url of the alias in the addressbar. ...
0
votes
1answer
27 views

ionic/angular $state.go gives blank screen for login page

I'm trying to implement a login/auth page using firebase for my ionic app, but am encountering some issues. I use tabs in the main part of my app, but when I try and redirect a user to the login page ...
0
votes
1answer
21 views

Parsing Oauth 2.0 return parameters in angular-ui-router

I'm attempting to authenticate a user using Google's Oauth 2.0 API. When my app HREF's to the Google authentication page, it successfully passes information back to my AngularJS app. However, I'm not ...
61
votes
12answers
87k views

Clear History and Reload Page on Login/Logout Using Ionic Framework

I am new to mobile application development with Ionic. On login and logout I need to reload the page, in order to refresh the data, however, $state.go('mainPage') takes the user back to the view ...
232
votes
16answers
258k views

Reloading current state - refresh data

I'm using Angular UI Router and would like to reload the current state and refresh all data / re-run the controllers for the current state and it's parent. I have 3 state levels: directory....
1
vote
1answer
15 views

Inheritance scope using ui.router to filter data in ng-repeat [Angular1.5]

I have a problem probably with inheritance scope using ui.router. I'm creating a small application something like addressbook. I want to have an input in navbar which allow me to filter addresses on ...
0
votes
0answers
13 views

Angularjs admin board with adding views

I need some help on the logic how my web application should be designed and implemented. I have an Angular app with the possibility to log in as admin to manipulate the site (Add news, blog posts and ...
0
votes
0answers
14 views

AngularJs 1.5.x Component Bind - Slow with Promise

I have a little bit of a UI/UX issue on my hands when using a component in AngularJS. I have a component defined like so: angular.module('app').component('dashboardView', { templateUrl: 'app/...
1
vote
0answers
12 views

How to force a parameter's value to be omitted in the url ui-router for angular 2?

Example below The url to my update job is as below http://localhost:9000/#/jobcreator/creator/updatejob/3c83ea7e-906c-437a-93ef-72f39888be9ca I dont need the job id param to appear in the url of ...
-1
votes
0answers
21 views

AngularJS and structuring application for a big project

I am a newbie to both Webapplication and AngularJS. I have a big AngularJS Project. I am trying to figure out how the application is structured and the real problem is I can't load the home page ...
0
votes
1answer
30 views

ui router issue with Materialize CSS

I am using Materialize CSS with Angular ui.router to handle states and render HTML. But facing issue with Materialize Select as it is not initialized on state change as Materialize components ...
0
votes
2answers
40 views

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) { ...
0
votes
3answers
34 views

Getting related array element AngularJS

I have a php api that returns a list of companies and a list of users, Each user has a company_id assigned. (Users : CustomerList) (Companies : CompanyList) The companies have a company_id and ...
1
vote
1answer
406 views

Angular ui-router show/hide elements on specific state

I want to show/hide specific content depending on the state of my angular app. But it apparently only works on "childstates"... I tried to do this: function($scope, $rootScope, $state){ $...
0
votes
4answers
947 views

Showing / hiding content based on route in Angular, only works after refresh

I have a header + footer I don't want to show on the landing (language) page. This works, but only after a refresh. What would be best practice to solve this? Here's what I've got: <div ng-...
5
votes
3answers
2k views

$stateChangeStart not being fired when state Changes in UI-Router ES6?

I am using Bable for ES6 and webpack. I am on angular 1.x.x and building an application. Till now I did not hit any problem. I want to have a functionality where I can track all the Route Changes. I ...
0
votes
2answers
26 views

Hiding parameter from URL ui-sref (ui.router)

My HTML is as follows: <a ui-sref="videoParent.Display.video({videoName:'[[sVid.slug]]', videoId:'[[sVid.videoID]]'})"><p>[[sVid.name]]</p></a> I then retrieve the parameters ...
3
votes
1answer
72 views

ui-router for routes with ONLY SPECIFIC values

I'm trying to build a route for multiple unique landing pages with the following structure domain.com/:state/:city/:category How can I define the route so that the state, city, and category can be ...
0
votes
0answers
17 views

Angular routing always access root level url

I am using fountainjs to generate my angular1 boilerplate with ui-router to control the routing. During the development, my app run without problem, but the problem lies when I try to run the result ...
1
vote
1answer
61 views

$state.go isn't getting the template

I'm new to initializing angular apps using the angular.module methods. I'm not getting any error messages, however, my template thats linked to my state isn't loading in. //APP.JS var libraries = ['...
1
vote
1answer
15 views

How to have angular nav-bars and ng-route together in a MEAN Stack app?

I wish to create a MEAN Stack app, in which the front-end UI has navigation bar (nav-bar) containing three navigation links to three different pages. On clicking the tabs/navigation items, the ...
0
votes
0answers
14 views

Angular - when refreshing page, slash is being appended to url

I have the problem that whenever I refresh the page, a slash is being added to the url. Im being automatically (with timeout) directed to the state 'home' from the state 'intro'.When I go to home, ...
-2
votes
0answers
15 views

SomeFactory.somefunc() not working in AngularJS

I'm having issues calling a method from a factory in Angular. I made various attempts and small changes and couldn't solve this issue, which makes me think it's something really simple. Here's the ...
0
votes
1answer
10 views

ng-token-auth resolve function

I have a simple question (I think) about how to handle the resolve respond from my states. As I am using Ng-token-auth to handle authentication, in every state I have the following code: .state('...
0
votes
0answers
42 views

Angular js $location.path not reloading same page if we hit refresh(F5)

We have single page application with 3 controllers. In root controller we will check user exist or not and redirect to landing controller using $location.path. when user is in landing page and hit ...
0
votes
1answer
20 views

How is the spa routing of angular2 working without the hash character in the url?

When performing the angular2 "Tour of Heros" tutorial, I just noticed their spa router works without a trailing hash (#) character in the url (like kendo spa router does for instance). How does ...
-1
votes
0answers
38 views

How to change %20 to _ in the url using angular js ui-router?

I have list of api's , I have to select the list of bank name in the first drop down , It gets routed as for example: BANK%20OF%20BARODA, ALLAHABAD%20BANK Can anyone please help in changing the ...
5
votes
2answers
2k views

Angular JS - UI router page reload won't set the state

This is my main app (app.js) (function(ng, module) { module.config(['$stateProvider', '$urlRouterProvider', function( $stateProvider, $urlRouterProvider){ $urlRouterProvider.otherwise("...
4
votes
2answers
108 views

How to update matrix parameters in Angular2

In Angular2, is there a way to update a matrix parameter, but navigate to the same component? Basically would like to transition easily from a url that looks like: /search;term=paris;pageSize=24;...
0
votes
1answer
14 views

angular-ui how to design parent list view with search parameters

What is the design pattern for next problem? I have a state 'a.list'. It shows list data and filter. When i change the filter it reloads the 'a.list' state with new search parameters (?type=emp&...
-1
votes
1answer
15 views

how to implement controller with ui-router angularJS

im trying to use ui-router in AngularJS for the first time, but i think ive set up script.js file incorrectly. Any help would be appreciated. Is the problem with the app.controller?? Where have i gone ...
0
votes
1answer
16 views

Issue with ui-view not rendering template

I'm still pretty new to using Angular's ui-router for SPAs, and I'm having some issues with the template not being rendered on the browser (I'm using Firefox). Below is my code for app.js, angular....
0
votes
0answers
19 views

Bootstrap uib-tabs is invoking controller tab twice

I am using uib-tabset from bootstrap. For every route(tab) I have separate view and controller. I am having issues when navigation from one tab to another, first it goes inside first controller(tab) ...
0
votes
0answers
10 views

Why in $rootScope event $stateChangeStart I've got e.defaultPrevented = true by default?

Why could I having that output with the following code? Is possible that any plugin or something else be interfering? angular.module('myApp') .run(function ($rootScope, $state, $urlRouter, ...
-1
votes
0answers
27 views

angularJS - ui router not working

im trying to use ui-router, but my routing does not work, i also get the following error : "GET /lib/angular.js" Error (404): "Not found". I also installed ui-router from the command line: npm install ...
0
votes
1answer
16 views

Prevent nested ui-sref to be triggered when there is a parent ng-click

Pratically the inverse of Prevent calling parent when nested ui-sref I want to click on a nested element which has a ui-sref, but instead only the parent ng-click should be triggered (conditionally), ...