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
1answer
17 views
Injecting resolve in child state
I'm trying to inject api into child state. My state definition looks as below.
To clarify a bit more. "api" should be the value resolved in the abstract named "root". I want to use that value in my ...
0
votes
0answers
19 views
Angular view doesn't show for a ui-router state with no url
I'm trying to display some view, on any calling URL.
$stateProvider.state('test', {
url: '',
views: {
'testView@' : {
templateUrl: '/app/test/test.html',
...
0
votes
0answers
14 views
How to reload all the app module using ui router?
I'm not sure if I'm using the right methodology, please advice:
I have an AngularJS app, when a user login then I redirect from login page to the required page.
The issue:
Login button and profile ...
0
votes
0answers
35 views
How to stop an Multiple SetInterval in Angular based Application
myApp.run(function ($rootScope, $interval, $timeout, $state, $localStorage) {
load = function () {
cdreset(); // reset the countdown to 0
countdown(); // call the ...
2
votes
2answers
24 views
Angular JS - Not adding content in ng-view
I am new to Angular and I am having issues with Routing. When I go to localhost/index.html#/chatroom, it doesn't load Chatroom.html. Please consider the following files. Any help would be appreciated.
...
1
vote
1answer
29 views
Getting the URL entered in browser before redirection in AngularJS?
I'm trying to get the params of the URL originally entered in the browser. But angular "redirects" me automatically to '/'
For example, I enter this URL : http://localhost:9080/#/test?param1=en&...
0
votes
1answer
15 views
How to link NodeJs and Angular JS (without any frameworks such as Express)
I have Angular JS routing set as following:
function routing($routeProvider) {
$routeProvider
// route for the home page
.when('/', {
templateUrl : '/index.html',
...
0
votes
2answers
24 views
How to change location from one state to another state using ui-sref in Angular Js?
I have states
.state('main', {
url: '/',
template: '<div ui-view=""></div>'
})
.state('main.header', {
url: 'header',
...
0
votes
0answers
16 views
AngularJS + UI Router Testing routes
I am trying to do some testing and I'm starting with the routing portion.
I have a main view like:
<div class="container-fluid text-center">
<h1>Cool App</h1>
<button class="...
1
vote
1answer
17 views
ng-repeat doesn't render (unless any scope variable changes)
I'm running into a very frustrating problem that I can't figure out and I don't know enough to debug it myself.
Basically, I have an extremely simple directive that prints "1,2,3" using an ng-repeat:
...
0
votes
2answers
16 views
UI router - Set up outside login page
I am trying to modify the blur-admin project adding a login page with its own controller.
So I created a controller folder inside the pages folder called demoadmin.login.
The login is working well, ...
0
votes
1answer
18 views
Intercept URL parameters and store them in a service
I'm trying to intercept the entered URL, getting its parameters, storing them in a service (that can be used by other services) then redirecting to /.
var config = function (AppConfig, $...
1
vote
1answer
22 views
$state.go with reload doesn't update other components
I am working on an angularjs app and I have the following issue. One of my directives is the top nav bar with details about the user. Like login, register, logout etc.
function UserNavDirective() {
...
0
votes
0answers
12 views
Angular UI router hitting otherwise where application is unloaded & bootstrapped with other app
I boot two angular apps on same page after unloading previous app.
Given that previous app, has all files in browser, below code hits, when i load other app (having default routeProvider and not State ...
0
votes
1answer
19 views
how to set route in boostrap tabs using with angularjs
I am including vertical tabs in angulrjs. I have successfully created tabs using bootstrap now had a problem while accessing tabs in angularjs. so kindly anyone help me to get to solve this problem.
...
5
votes
2answers
2k views
In Angular ui-router child template not working
I have registered a state test with a child .child1 , here parent (test) working fine . when i navigate to state test.child1 URL gets changed to #/test/child1 but the view remains same , child ...
13
votes
2answers
7k views
AngularJS ui-router: how to resolve typical data globally for all routes?
I have an AngularJS service which communicates with the server and returns
translations of different sections of the application:
angular
.module('utils')
.service('Translations', ['$q','$...
0
votes
1answer
15 views
Confusion on State Provider in coffeescript/javascript
New to Angular/Javascript:
I'm trying to remove an old coffeescript file (rent-roll.coffee) and replace it with rent-roll.js but am having an issue with the routing/state provider.
The existing ...
0
votes
2answers
19 views
How to load/render nested UI-Views in UI-Router
I have an application with one page called index.html. This page is the main page inside the application which I load my partials into.
Here is my Index.html:
<body>
<!--<div id="...
0
votes
0answers
18 views
How can I pass an existing controller to a state with specific args for injecting if I need to pass it like a string, not a function?
I've implemented my controller like this:
angular
.module(appSettings.appName)
.controller('someCtrl', function (objectFromResolve) {
var vm = this;
vm.serviceName = ...
52
votes
5answers
78k views
Could not resolve '…' from state ''
This is first time i am trying to use ui-router.
Here is my app.js
angular.module('myApp', ['ionic'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
// Hide the accessory ...
0
votes
0answers
10 views
Implement google analytics in angularJS1.5 app
I have an angularjs1.5 app and it is using ui-router for state change.Recently, I got the requirement to implement google analytics in our app. I never worked on google analytics before.So, I started ...
0
votes
4answers
29 views
Get querystring in ui-router
I have the following URL http://localhost:81/#/payment/confirmed/success=0&invoiceid=42828852E9FFE2923CB6?useraction=canceled and I want to get the value of the querystrings after ? how can I do ...
0
votes
0answers
31 views
how to get one component from another module angular2
In angular 2 how to import specific component from other module
In home.module.ts appComponent i need exports and import to other module tranfer.module.ts
After import homeModule when click tranfer ...
4
votes
2answers
106 views
ui-router: Transform parameter from URL
Is there any possibility to transparently transform URL parameters? As it's kind of difficult to explain, I will give a scenario. We have a URL structure similar to this one:
/shopping/nuts/:...
0
votes
1answer
12 views
Misbehaviour on routes with Laravel 5.3 and AngularJS 1.5
I try to create an app with Laravel 5.3 and AngularJS. I want to use the routes and templates from Angular instead of Laravel.
Here is the web.php file from Laravel:
Route::get('/', function () {
...
0
votes
0answers
34 views
Is there a better way to structure filter & results with UI-router?
I need to put together a filter and results page.
I'm using UI-router in the project, and trying to find the best structure for this page.
I have a slight difference to a typical filter and results ...
0
votes
0answers
18 views
angularjs window.open calling child state issue
I have created nested view using angular router. 'home' state having two child states 'home.list' and 'home.details'. Both child states having two stateparams (but different). I am using window.open ...
0
votes
1answer
27 views
Angularjs ui-router: Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:Error: State 'frameworks'' is already defined
My application is failing with the error in the title. This error is occurring when I define too many states for my ui-router. Previously when I posted this problem I was told that this is the same ...
1
vote
2answers
22 views
Angular UI Router - Prevent re-running of parent state when switching between children
I currently have a state hierarchy in my application like so;
- module_base
- page_base
- tab_one
- tab_two
- tab_three
The page_base state is abstract and has a ...
0
votes
1answer
14 views
Error:Could not route into another page in ionic
I can't navigate to it another template
its shows me error above
and i also tried ui-sref to go signup templete
Here My Starter app Structure--
I have templates of
Login.html
Signup.html
dash....
1
vote
0answers
25 views
Angular-ui router nested sub sub state
Using angular-ui router with lazyload on Angular 1.5:
My JS code is like:
$stateProvider
.state('app', {
url: "/",
views: {
'@': {
...
1
vote
1answer
29 views
Transition to a New URL State Without Reload
I'm using Angular UI Router 1.0.0-beta.1. Trying to transition from a state like /myroute/new to /myroute/5. Since the state with the id of 5 is very similar to the new state, I'd like to not reset ...
1
vote
0answers
45 views
Angular2 : Multiple Router-Outlets & Router-Outlets Inside Child Route
I have created an application containing a left-navigation (containing "User Management", "Vehicle Management" and "Administration").
The routing to go to the respective Components currently works as ...
11
votes
6answers
20k views
Angular UI router handling 404s
I have an app with a service which wraps my API calls:
var ConcernService = {
...
get: function (items_url, objId) {
var defer = $q.defer();
$http({method: 'GET',
...
0
votes
0answers
19 views
Angular.js can't focus after state changed
Our UI is a little buggy. When we load the page the first time everything works perfectly. When we switch - in our case restaurants - the model is update and we can't focus the input fields. Any idea ...
0
votes
1answer
17 views
Switching ui-router states when clicking or scrolling to page sections
I have a huge page with four sections that is intended to be used as "single page checkout" for the shop.
[Header]
...
[Section 1: delivery address form]
[Section 2: payment address form ]
[Section ...
1
vote
1answer
397 views
Implementing angular-ui-router with java servlet webapp context path
Basically the problem is related to the path ui-router redirects when page is reloaded.
I have a java application with context kiosk-ui so the url is: http://localhost:8080/kiosk-ui.
The client side ...
0
votes
1answer
37 views
Hiding navbar based on current path with AngularJS ($scope vs. controller as syntax)
I'm working with the Inspinia Admin Theme (AngularJS Version) and have the following Problem.
I'm trying to show or hide the navbar based on the current path. The Problem with my first approach (...
0
votes
1answer
16 views
From run block can i able to call angular scope function inside another controller instead of $rootscope
I need to call angular Scope function inside some controller from runblock. can i able to call the function or else need to use rootScope or $scope.apply.
First method:
myAPP.run(function ($...
-1
votes
1answer
12 views
Angular - show loading icon depends on $http.pendingRequests
I'm working on loading icon which ideally I would be able to display it whenever $http.pendingRequests is not equal to zero and also old state is not equal to new one (I use Angular Ui-Router). Here ...
0
votes
3answers
25 views
Angular JS <a href> route back to LogIn
I've placed a below link in my code
<a href="/#/list/' + data._id + '" class="btn btnprimary1" > LIST </a>
It should routed to below point
.state('index.list', {
url: '/...
0
votes
0answers
22 views
modal should remain same but content should only change on actions - bootstrap & AngularJS using UIRouter
I have a Signup link in menu. When I click on that popup modal should open for some links (Signup using Facebook, Signup using Google, Signup using Email)
When I click on Signup using Email, popup ...
0
votes
0answers
13 views
Fail to load files using karma-jasmine for ui-router testing
I am trying to use karma/jasmine for unit test, but it fails when I run karma start. Here are my codes:
app.js
angular
.module('app', [
'ui.bootstrap',
'ui.router',
'oc.lazyLoad'
])
.run(...
1
vote
0answers
183 views
Angular ui-router loads neither template nor controller?
I use ui-router for moving between pages, without reloading.
Here is one of my states:
$locationProvider.html5Mode({enabled: true, requireBase: false});
$stateProvider
.state('aboutBook', {
url: '...
0
votes
0answers
7 views
Angular ui router onEnterChild?
I have abstract route "registration" that has a lot of child routes. I want to call a method when some of the child routes is called.
At the moment i am detecting this in the stateChangeStart event
$...
2
votes
2answers
1k views
How to preserve ui-router parameters on browser refresh
am using angular ui-router to manage states of my SPA.
I have this route:
.state('index.administration.security.roleEdit', {
url: '/roleEdit',
templateUrl: 'app/...
0
votes
1answer
8 views
Angular-breadcrumb: label/parent relationship
I am trying to use ncy-breadcrumb in my application but I don't know how to solve one particular case.
First of all I have these 2 states:
{
state: 'installation-edit',
config: {
...
1
vote
1answer
28 views
How to change the path from custom directive? Angular
I have the following directive which is a button and trying to change the path when clicking on the button but nothing happens.
app.directive('searchAgainButton', function ($location) {
return {
...
0
votes
2answers
28 views
angularJS multiple Master pages based on Role
The requirement of the application is to show different options based on the Role of the user. Like
If role is Admin , the after logging in , the user needs to be shown a master page which has link ...
