angular.js and require.js - how to navigate?

Question

I'm experimenting with angular.js and require.js. What I'm trying to do is a simple login form module. My project is based on the https://github.com/partap/angular-requirejs-seed project.

So, I have the routes:

angular.module('app', [])
    .config([ '$routeProvider',
        function ($routeProvider) {
            $routeProvider.when('/auth', {
                templateUrl : 'forms/auth.html',
                controller : ...
            });
            $routeProvider.when('/account', {
                templateUrl : 'forms/account.html',
                controller : ...
            });
            $routeProvider.otherwise({ redirectTo : '/auth' });
        }]);

So when the application starts it navigates to the #/auth. It is ok. The auth controller is created as follows:

define([ 'angular' ], function (angular) {
    return function ($scope) {
        ... do something here ...
        ... and redirect to /account if credentials are valid ...
    };
});

Everything goes well until the redirection - I think that I should use the $location variable somehow, but do not know how to get it.

Scott Silvi · Accepted Answer · 2013-05-08 20:42:05Z

0

You need to pass it in as a dependency to the module

define([ 'angular' ], function (angular) {
    return app.controller('yourController', ['$scope','$location', function ($scope, $location) {
        ... do something here ...
        $location.path('/account')
    }]);
});

answered May 8, 2013 at 20:42

Scott Silvi

3,1096 gold badges42 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Alex Netkachov Over a year ago

Thanks! It works with the only correction that app.controller returns the application itself. But unfortunately the $location.path('/account') does nothing... It is another issue but maybe I just missed something trivial?

Scott Silvi Over a year ago

You can see this SO post for possible redirection issues. Set breakpoints in your router, see if your URL updates, look for console errors, etc.

Scott Silvi Over a year ago

might be useful to anyone coming along to point out what you had to do to fix your issue.

Collectives™ on Stack Overflow

angular.js and require.js - how to navigate?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related