angularjs-routing

I read a lot about lazzy loading, but I am facing a problem when using $routeProvider. My goal is to load a javascript file which contains a controller and add a route to this controller which has been loaded previously. Content of my javascript file to load angular.module('demoApp.modules').controller('MouseTestCtrlA', ['$scope', function ($scope) { console.log("MouseTestCtrlA"); $scope.name = "MouseTestCtrlA"; }]); This file is not included when angular bootstap is called. It means, I have to load the file and create a route to this controller. First, I started writing a resolve function

<h1>{{header}}</h1> <!-- This Back button has multiple option --> <!-- In home page it will show menu --> <!-- In other views it will show back link --> <a ng-href="{{back.url}}">{{back.text}}</a> <div ng-view></div> In my module config $routeProvider. when('/', { controller:HomeCtrl, templateUrl:'home.html' }). when('/menu', { controller:MenuCtrl, templateUrl:'menu.html' }). when('/items', { controller:ItemsCtrl, templateUrl:'items.html' }). otherwise({ redirectto:'/' }); Controllers function HomeCtrl($scope, $rootScope){ $rootScope.header = "Home"; $rootScope.back = {url:'#/menu', text:'Menu

I'm trying to build a view - I've set up two controllers to practice, one's HeaderCtrl, with some data in it (site title, header background, etc), the other should have the main content of the page - MainCtrl. When defining the route, I'm doing like so: mainApp.config(function ($routeProvider) { $routeProvider .when('/', { controller: 'MainCtrl', templateUrl: 'modules/dashboard.html' }) }) This works perfectly fine, but what I would want is to specify multiple parameters to this, something like this: mainApp.config(function ($routeProvider) { $routeProvider .when('/', { controller: 'HeaderCtrl

I am confused about when controllers get instantiated. Also, how do controllers gets instantiated when nesting states. I might be confused how scope gets attached to view and controller, that is, if every view gets its own controller and scope or do they share the same scope. Can someone please explain when controllers get instantiated? Under nested routes do all the views share one controller and scope? What happens when I switch states and go back to a state does another controller get instantiated? Below are my routes(config file ): .config (googleAnalyticsCordovaProvider, $stateProvider,

Is there a way to get the previous state of the current state? For example I would like to know what the previous state was before current state B (where previous state would have been state A). I am not able to find it in ui-router github doc pages. laurelnaiad ui-router doesn't track the previous state once it transitions, but the event $stateChangeSuccess is broadcast on the $rootScope when the state changes. You should be able to catch the prior state from that event ( from is the state you're leaving): $rootScope.$on('$stateChangeSuccess', function (ev, to, toParams, from, fromParams) { /

Suppose you are using routes: // bootstrap myApp.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) { $routeProvider.when('/home', { templateUrl: 'partials/home.html', controller: 'HomeCtrl' }); $routeProvider.when('/about', { templateUrl: 'partials/about.html', controller: 'AboutCtrl' }); ... And in your html, you want to navigate to the about page when a button is clicked. One way would be <a href="#/about"> ... but it seems ng-click would be useful here too. Is that assumption correct? That ng-click be used instead of anchor? If so, how would that

For example: $stateProvider .state('external', { url: 'http://www.google.com', }) url assumes that this is an internal state. I want it to be like href or something to that effect. I have a navigation structure that will build from the ui-routes and I have a need for a link to go to an external link. Not necessarily just google, that's only an example. Not looking for it in a link or as $state.href(' http://www.google.com '). Need it declaratively in the routes config. Angular-ui-router doesn't support external URL, you need redirect the user using either $location.url() or $window.open() I

Please explain the difference between $routeProvider and $stateProvider in AngularJS. Which is best practice? Pankaj Parkar Both do the same work as they are used for routing purposes in SPA(Single Page Application). 1. Angular Routing - per $routeProvider docs URLs to controllers and views (HTML partials). It watches $location.url() and tries to map the path to an existing route definition. HTML <div ng-view></div> Above tag will render the template from the $routeProvider.when() condition which you had mentioned in .config (configuration phase) of angular Limitations:- The page can only