angularjs-routing

I want to use routes, but I always want to use same template & controller. I have routes like this: **a/:albumid** and **i/:imageid** In the first case I want to load an array of images and add them to a list. In the second case I want to load a single image and add it to a list. So the difference is only in data loading. What is the most efficient way to do this? Also is it possible to animate ng-show? Something like jQuery's slideDown? Thom Porter Check out this article, it describes a way to do exactly what you want: http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL

Probably this is an easy question for advanced angular users, but I did not find this issue somewhere well explained. So I was restructuring my code, when I realized, I have two controllers in a view, which is not a problem, when controller 'ACtrl' is binded by the $stateProvider and controller 'BCtrl' is binded in the view by ng-controller. But when I try to assign both of them in the $stateProvider like this: $stateProvider.state('a.view', { url: "/anurl", views: { 'menuContent': { templateUrl: "anUrlToMyTemplates", controller: 'ACtrl', 'BCtrl' } } }); or that: $stateProvider.state('a.view',

I have to make a queue of all requests simultaneously happening without waiting for the response from the previous request in angularjs. I have a loading function which shows the loading div each time I change the url route but its not ok to make an arrray of queue in that function. Can anyone tell me which function is called in angularjs routes when each time I change the url route ? HEre is the routes code : angular.module('myApp', ['myApp.directives', 'myApp.services', 'myApp.filters']).config( function($routeProvider, $locationProvider, $httpProvider) { $locationProvider.html5Mode(false);

I have two abstract states parent and parent.child , and an activateable state parent.child.grand . I want parent to be promise resolved before parent.child.grand gets its resolves executed. Why? Because a certain data which comes from the ajax request in the resolve from parent is required in parent.grand.child . Here's a gist Is it possible to sequentially chain the promises of parent to children states without using controllers ? ( parent resolve start -> finish ajax request -> resolve promise -> parent.child.grand resolve start -> finish ajax request -> resolve promise) I've seen a few

I'm pretty new to Angular, and right now I'm just trying to get all my routes set up and working as I'd like. Setup: When a user navigates to certain pages ( /settings for this example) the app should check if there is a user already logged in. If there is continue as usual. Otherwise the user should go to the login page ( /login ). What I'd like: After the user has successfully logged in they should go to the page they were originally trying to get to ( /settings ) My question: Is there an "Angular way" to remember where the user was trying to go to? Relevant code: app.js .when('/settings', {

We are developing a Single Page Application with AngularJS and ASP.NET MVC Json Rest API. When an unauthenticated client tries to navigate to a private route (Ex: /Foo/Home/Template ) to get a template, it gets a 401 response from the Web API and our AngularJS app automatically redirects it to the login page. We are handling the 401 with $http interceptor with something like this: if (response.status === 401) { $location.path(routeToLogin); return $q.reject(response); } Entering the correct credentials allows the client to get the template. Everything is working perfectly except for one detail

My problem is url is not working without # . Here is my code : angular.module('Hiren', ['ngRoute']) .config(function ($routeProvider, $locationProvider) { $routeProvider .when('/', { templateUrl: 'partials/login.html', controller: 'login' }) .when('/redirect', { templateUrl: 'partials/postLogin.html', controller: 'postLogin' }); $locationProvider.html5Mode(true); }); When I try to browse the url example.com/redirect , it gives me 404 , but using hash ( example.com/#redirect) its perfectly working . Andy Gaskell If you're getting a 404 in HTML5 mode you need to configure your server to serve

I've recently began learning AngularJs for web development and am loving it so far. However, I'm not so sure about having hashtags withing the link when routing between views. My main concern is how Google will cache the pages on the site and whether the links will work both ways, i.e. whether users can just click www.sampledomain.com/#/orders/450 and be directed straight to the order page. Is this an okay method or is there a way to route views without the hashtag? When I remove the hashtag, the reload the page and gets 404 error. Can anyone give me a decent explanation of what is going on.