Tagged Questions
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.
0
votes
0answers
6 views
Mapping urls to states that dont exist
I am using ui-router-extras extensively but still not sure if I am getting the most out of it . I have used Future States to build the routes in runtime after retrieving from the API . I am trying to ...
3
votes
0answers
31 views
route pattern understanding with the help of ngRoute
You may call it reinventing the wheel, however, I'd like a senior architect level to answer this, especially who knows the underpinnings of angular js especially or can do himself in plain vanilla ...
1
vote
1answer
19 views
UI-Router controller isn't working
I'm new to using UI-Router, and I'm struggling to get this controller working. The view loads, but the function doesn't trigger on ng-click. JSFiddle
var app = angular.module('app', ['ui.router']);
...
0
votes
0answers
12 views
angular typescript ui router doesn't reload page
I am developing a angular 1.5 app with typescript and ui-router.
Here is my route.ts file
export class Route {
static $inject = ['$location'];
constructor(private $stateProvider: ng.ui....
0
votes
0answers
14 views
$rootScope seemingly updating too slowly in an asynchronous call
I'm attempting to achieve a sliding left/sliding right effect (like navigating a flow in an app) with ui-router and ngAnimate.
To achieve this effect, I am adding a css class on the container of the ...
0
votes
1answer
14 views
How to access a ngform name from controller
I am in a fix. I need to check if the elements on the current html page (being rendered using ui-view) are dirty or pristine before I navigate to next tab.
Parent page:
<div class="inner-menu">...
1
vote
1answer
18 views
How to calculate time spent on each state in ui-router (AngularJS)
Want to calculate time spent on each state separately in AngularJS routing. I'm using ui-router.
0
votes
1answer
40 views
Angular state resolve not injecting into controller
I'm trying to get ui-router's resolve to pass its value to the controller portalsForUserCtrl.
Here is the router:
myApp.config(["$stateProvider", "$urlRouterProvider",
function ($...
0
votes
0answers
15 views
Pass callbacks from parent state to child
How do I pass a callback from parent state to child component when I am using the ui-router state?
Example
$stateProvider
.state('main', {
url: '/',
component: components.intro.name,
})
...
0
votes
0answers
8 views
Lazy load angular apps and register states (ui-router)
No hacking
I've read tons of materials regarding the below scenario and many suggested to keep a reference to many providers and manage the execution of the config, run stages manually and keeping ...
0
votes
0answers
10 views
Lazyloaded dynamic states
I managed to add ui-states asynchronously thanks to this question
Dynamic routes from server data
The fact I'm not convinced is I inject these states in run phase, no matter if I will need those ...
0
votes
0answers
9 views
angular ui-router parent controller having access to child resolve
I have a Create New Fee page and an Edit Fee page. They both use identical methods except that the Edit Fee already should load a fee from the url /edit/:id.
My app.js looks like this:
$...
0
votes
2answers
19 views
How to replace a single ui-view , If I have Multiple ui-views in a single html
Im using ui-router for my routing in Angular App. My page has 3 ui-views in a single html like this
<html>
<div ui-view="header"></div>
<div ui-view="content"></div>
...
0
votes
0answers
14 views
Using a controller as uibModal Controller
So I am working on a module called "ShowTree".
Before this, I have a controller named "InviteUserCtrl". Inside the ShowTree module, there is a button that will show a uibModal that is used to add new ...
0
votes
1answer
9 views
Angular UI router 0.2.18 param on root url
I have an issue where I want to have a parameter on the route url e.g
$stateProvider.state('/someRoute', {
url: '/:path',
.....
});
$stateProvider.state('/contact', {
url: '/contact',
...
-1
votes
0answers
11 views
ui-router with legacy code
I have legacy code which serves from server using jinja files.
I have 3 tabs. Tab1,Tab2 and Tab3.
All 3 tabs and subtabs are served as separate pages from server side.
I want to convert Tab1 and ...
0
votes
1answer
27 views
Angular UI router - Promises and recursive redirection issue
EDIT x2
Following your suggestion, I made a lot of changes.
I made (i think?) a real promise this time but had a few issues.
What you suggested did not work at some point for this :
// If it ...
0
votes
2answers
37 views
Angular data from service not showing on the frontend
Ive made 3 views and linked them to a single controller. In my controller, I am calling a service which I have made which makes a network call and gets some data which I am supposed to display on the ...
1
vote
0answers
48 views
Angular 2 router ignoring my child <router-outlet> when creating multilevel child route
I'm having issues creating a component which contains a <router-outlet> to show children routes, which is at the same time a children of a parent with its own <router-outlet>.
Here's a ...
0
votes
0answers
22 views
Partial template load angular ui/ ui router
I have about 10 product which each of them have 3 sections (Details, Description, FAQ) and there is a lot of content for each one. So I am using the $stateProvider to change states in a click of but ...
-1
votes
0answers
21 views
Angular Routing and Knockout
We are in the process of migrating a knockout website to angular. Currently we are using Angular 1.5.8 and I am looking at putting a router in to replace the custom SPA that has currently be developed....
0
votes
0answers
22 views
AngularJS Different UI Routes on mobile and desktop
I have a multi step wizard to perform a car rent. I know I should use substates for each step of the wizard so the user be able to go back and foward.
But the problem is, on mobile I would like to ...
0
votes
0answers
4 views
How to resolve sub routes?
I am making an app with angular ui. There is a view called "Configs", wich has three tabs.
Config route:
function route($stateProvider) {
'ngInject';
$stateProvider
.state('...
0
votes
0answers
10 views
Access to restricted URI denied with ui.router in AngularJS
I'm trying to configure a simple app with this directory structure:
js->main->main.module.js
views->home.html
views->index.html
And I'm trying configure the routes witn ui.router, in ...
0
votes
0answers
15 views
Applying loading while state is resolving
I was using ui-router 0.3x $stateChangeStart and $stateChangeSuccess events but we decided to move to ui router 1.0beta2 for component support.
Since then, I decided to switch to transitions hooks. ...
0
votes
0answers
14 views
Can we have view engine functionality in angularJs like .net MVC?
I have a folder structure in angular application. I have to show the view in the shared folder if the view doesn't exist in particular folder.
Is this possible in angularJs?
I use ui-router for ...
0
votes
1answer
26 views
Unable to render anything using angular js on RoR
I am following this tutorial https://thinkster.io/angular-rails to setup angular js on RoR. I am stuck here as it is not rendering home.html partial present with in assets/javascripts/home/_home.html. ...
0
votes
1answer
23 views
404 when deleting a mongo document via express, mongoose, and angular
I'm new to using the MEAN stack, have learned some of the basics to add data to mongodb using mongoose, express, and ui-router. However, I can't figure out how to delete a document. Whenever I try, I ...
1
vote
1answer
86 views
UI-Router: param values not valid for state
the github repo for this question
Im absolutely hopeless.
I create a angular 1.5.8 app, that show nodes on screen. there are 2 types of nodes - Folders and Pictures.
When click on picture node, it ...
0
votes
1answer
15 views
Ui-router to systems with many modules
I have a problem, a Controller called OrderController standing on two modules, Sales and Supply. When I make the route that will use this controller as I can define which of the two controllers I want ...
-1
votes
0answers
9 views
angularjs ui-view controller giving control back to its parent
I have a simple landing page for my app, a nav bar on the top and a DIV A, In DIV A(CtrlA), i am calling ui-sref and i have DIV B gets activated using ui-view (associated with another controller CtrlB,...
0
votes
1answer
25 views
Paging with ui-routing. Back (next) browser button doesn't reload controller
First, I need to say I'm new in front-end developing, so answer in details will be a very helpfully. I'm trying to use ui-routing for paging issue. In fact, I want to add query params to the url. This ...
0
votes
1answer
24 views
How to pass a value (which i got from ui-router) to a modal/view through state.js?
My state. js is like this
.state('lab.new-equip', {
parent: 'lab',
url: '/{labId}/new-equipment',
data: {
authorities: ['ROLE_USER']
}...
1
vote
0answers
20 views
Clean URLs for Angularjs
I'm trying to use clean url routing for my web app but everything I try doesnt work. Here is my app.js. Im not to sure how the location provider should be added in to the app.js but everything I try ...
0
votes
2answers
19 views
Angular ui-router nested states - can't specify the parent
I have the following states declaration (angular v1.5.5):
$stateProvider
.state('appPublic', {
abstract: true,
data: { restricted : false }
})
.state('home', {
url:...
0
votes
0answers
63 views
Angular2 Routers are not detecting Dynamic Content
I am having Problem in Angular2 Routers. The Problem is Routers are not detecting Dynamic Content in my components.
There is a home page which consist of only static content, after that I have a ...
0
votes
1answer
33 views
Loading multiple modules or controllers in Angular is not working
I am needing to "import" or "use" a Modal Service and my current code that works looks like this
angular
.module("deviceManagement")
.controller("DeviceDetailCtrl",
["$scope",
"$...
0
votes
0answers
39 views
angular ui-router: using URL query parameters to define child state
Similar to this question and this issue I'm trying to use URL query parameters to define child states with ui-router :
.state('map', {
url: '/map?country&city'
templateUrl: 'templates/...
0
votes
0answers
16 views
Angular State Redirection loses its backwards sequence
I am currently facing an issue concerning state redirection in my Ionic application.
Consider a form application flow that takes the user through a number of states (each with its own view).
State 1 ...
google-maps
0
votes
1answer
14 views
relative views in a nested route using Angular 1.5 components
I am having trouble using relative named views in a nested route using:
Angular 1.5.8 & angular-ui-router 1.0.0-beta.2
In my 'layout.dashboard' state below, I have my views object with keys '...
0
votes
1answer
44 views
Angular2: Extend RouterOutlet in new release rc6 for activate method
I am using angular2 rc6 and wouldn't mind to use the latest announced release.
I am trying to implement the router outlet to provide access to only authenticated users.
I have this block of code ...
1
vote
0answers
22 views
tab content is not loading from ui-router?
I want to load content from ui-router to tab but that is not happening i have a data rendered for each tab through their specify controllers in states. I am not able to see any data in tab, Any idea ...
1
vote
0answers
35 views
Ui router - Menu with multiple content
See below the 2 major part of my website. How can I create the routes for the second part ?
FIRST
The menu contains a dropdown. Depending on which option was select some data are shown on the map (...
0
votes
1answer
22 views
UI-Router does not refresh $stateParams when window back and forward
$stateProvider
.state('app', {
url: "/",
abstract: true,
template: "<login></login>",
params: {
data: {}
}
})
.state('app.login', {
url: "/login",
...
1
vote
1answer
28 views
$stateParams is undefined in AngularJS
In my project am using UI-router. Please check my below code to fix it
index.js
.state('survey.surveyList', {
url: '/:id',
templateUrl: 'survey/surveyList.html',
controller: '...
0
votes
2answers
36 views
Dont show the $stateParams value in the link
I want to access the $stateParams value on my controller but I dont want to show the value on the links. Is this possible?
HTML
<a ui-sref="baba.watch({name: card.name, aktar: {chapter:card....
0
votes
0answers
20 views
ui router - Update view
My page is splitted in two parts.
A top menu containing 4 inputs and 8 dropdowns. User must fill in the 4 inputs then select 1 option among all the dropdowns.
A map (below the menu) of a country. ...
0
votes
0answers
12 views
Not working Filter ngtagsinput in AngularJS
HTML:
<tags-input replace-spaces-with-dashes="false" ng-model="tags" class="form-control" ng-model="tags"></tags-input>
Script:
Output
Business Name, contact and keyword searched ...
0
votes
1answer
19 views
UI-Router does not Register Dynamically Created Element with ui-sref
I created a SPA using UI-Router to manage my the views. The navigation bar was initially a static navbar and the routing worked correctly:
<div id="mainNavBar" class="collapse navbar-collapse">
...
1
vote
1answer
14 views
Angular UI Router 1.0 - why $scope.$watch('$destroy') is called without leaving state?
Check the plunker here.
As far as I know, $scope.$watch('$destroy') should be called when $scope is about to be destroyed.
The example above shows that when entering into a state, it's $scope.$watch(...
