not able to change the location path in angular JS

Question

I have a login form and I am simply trying to change the path once the register button is selected. For some reason the login button works but the register button does not. When I click it nothing happens. Even if I put an alert inside the register controller nothing comes up which tells me that the controller function is not being executed. I am new to angular js and not sure if I understand ng-click and $location.path well

here is my code for the register button:

<button ng-click="register()" class="btn btn-default" id="lefty" >Register</button>

and my code for the controller and the route provider in app.js:

$routeProvider.when('/register', {
        templateUrl: 'app/partials/register.html',
        controller: 'RegisterController'

      });



app.controller('RegisterController', function($scope, $location) {
        $scope.register = function() {
        $location.path('/register');
    }
});

I simply expect once register button is clicked to be able to go to the /register path.

ShankarSangoli · Accepted Answer · 2015-06-06 01:55:24Z

1

I think you have the Register button on the login page. As per your code register method is inside RegisterController so it is not available on the Login page. Move this method to your login page controller it should work fine.

answered Jun 6, 2015 at 1:55

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

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

Comments

Joao Polo · Accepted Answer · 2015-06-06 01:55:15Z

0

You need to use $window:

    app.controller('RegisterController', function($scope, $window) {
    $scope.register = function() {
    $window.location = '#/register';
}
});

answered Jun 6, 2015 at 1:55

Joao Polo

2,1631 gold badge17 silver badges27 bronze badges

1 Comment

Joao Polo Over a year ago

The $location object doesn't change effective the current path. It only prepare or capture data for any url

Collectives™ on Stack Overflow

not able to change the location path in angular JS

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related