How to change the view from controller in angular js?

Question

I am new to angular js and trying to work with ng-view and ngRoute directives.

I have a loginPage.html in which i have code for login button written as follows

<button class="button button-block" ng-click="login()">Log In</button>

and on clicking the button the login function in loginController will get executed and my controller is written as follows:

var App = angular.module('App', ['ngRoute']);

App.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/', {
        templateUrl: 'loginPage.html',
        controller: 'loginController'
      }).
      when('/home', {
        templateUrl: 'homePage.html',
        controller: 'homeController'
      });
  }]);

App.controller('loginController', ['$scope', '$http', '$location', function($scope, $http) {
    console.log("Hello from login controller");


    $scope.login = function() {
        //console.log($scope.user);
        $http.post('/login', $scope.user).success(function(response) {
            if(response.status == "true")
                //if the response is true i want to go to homepage.html.

            else
                $scope.error="Invalid login! Please try again";
                $scope.user.email="";
                $scope.user.password="";
      });
    };

}]);

If the response.status==true then i want to change my view to /home. Can someone please tell me how to do that?

Thank You.

henrikmerlander · Accepted Answer · 2016-03-29 09:34:25Z

1

if(response.status == "true")
    $location.path("/home");

Don't forget to add $location to your controller parameters like this:

['$scope', '$http', '$location', function($scope, $http, $location)...

Also, wrap your else statement in brackets, or else only the first row is inside the statement:

else {
    $scope.error="Invalid login! Please try again";
    $scope.user.email="";
    $scope.user.password="";
}

answered Mar 29, 2016 at 9:34

henrikmerlander

1,58413 silver badges20 bronze badges

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

1 Comment

Minions Over a year ago

Thanks, it worked! i forgot to add the $location to the controller parameters

Tarun Dugar · Accepted Answer · 2016-03-29 09:33:49Z

1

Use $location.path:

if(response.status == "true") {
    $location.path('/home');
}

Also, you have missed adding $location in the controller dependancy list:

function($scope, $http, $location)

answered Mar 29, 2016 at 9:33

Tarun Dugar

8,9938 gold badges50 silver badges81 bronze badges

Comments

Mjsa · Accepted Answer · 2016-03-29 10:13:37Z

0

if(response.status == "true")
   $location.path("/home");

answered Mar 29, 2016 at 10:13

Mjsa

1

Collectives™ on Stack Overflow

How to change the view from controller in angular js?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related