angularjs-routing

I am using UI router for tabs of a main menu as well as for links within one of the states (users). The users state has a list of users and when a user is clicked, I want to reload the child state only, but it is reloading both the child state and the parent state (users). Here's my code: app.config(function ($stateProvider, $locationProvider, $urlRouterProvider) { $urlRouterProvider.otherwise("/"); $locationProvider.html5Mode(true); $stateProvider .state('home', { abstract: true, template: '<div ui-view=""></div>', controller: 'HomeController as homeCtrl' }) .state('users', { parent: 'home',

As we see here in http://docs.angularjs.org/tutorial/step_07 , angular.module('phonecat', []). config(['$routeProvider', function($routeProvider) { $routeProvider. when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}). when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}). otherwise({redirectTo: '/phones'}); }]); routing test is suggested to be done with e2e test, it('should redirect index.html to index.html#/phones', function() { browser().navigateTo('../../app/index.html'); expect(browser().location().url()).toBe('

After the Angular app is loaded I need some of the templates to be available offline. Something like this would be ideal: $routeProvider .when('/p1', { controller: controller1, templateUrl: 'Template1.html', preload: true }) There is a template cache service : $templateCache which can be used to preload templates in a javascript module. For example, taken from the docs: var myApp = angular.module('myApp', []); myApp.run(function($templateCache) { $templateCache.put('templateId.html', 'This is the content of the template'); }); There is even a grunt task to pre-generate a javascript module from

I'm building a dashboard system in AngularJS and I'm running into an issue with setting the url via $location.path In our dashboard, we have a bunch of widgets. Each shows a larger maximized view when you click on it. We are trying to setup deep linking to allow users to link to a dashboard with a widget maximized. Currently, we have 2 routes that look like /dashboard/:dashboardId and /dashboard/:dashboardId/:maximizedWidgetId When a user maximizes a widget, we update the url using $location.path , but this is causing the view to re-render. Since we have all of the data, we don't want to

I am working with AngularJS routes, and am trying to see how to work with query strings (for example, url.com?key=value ). Angular doesn't understand the route which contains key-value pair for the same name albums : angular.module('myApp', ['myApp.directives', 'myApp.services']).config( ['$routeProvider', function($routeProvider) { $routeProvider. when('/albums', {templateUrl: 'albums.html', controller: albumsCtrl}). when('/albums?:album_id', {templateUrl: 'album_images.html', controller: albumsCtrl}). otherwise({redirectTo: '/home'}); }], ['$locationProvider', function($locationProvider) {