Ionic/AngularJS redirect to another page

Question

I have login page . When username and password is correct i want to redirect from login page to HomePage.html page.

Login.html

<ion-view view-title="Login" name="login-view">
  <ion-content class="padding">
      <div class="list list-inset">
          <label class="item item-input">
              <input type="text" placeholder="Username" ng-model="data.username">
          </label>
          <label class="item item-input">
              <input type="password" placeholder="Password" ng-model="data.password">
          </label>
      </div>
      <button class="button button-block button-calm" ng-click="login()">Login</button>
  </ion-content>
</ion-view>

HomePage.html

<label id="test">test</label>

controller.js

.controller('LoginCtrl', function ($scope, LoginService, $ionicPopup, $state) {
    $scope.data = {};

    $scope.login = function () {
        LoginService.loginUser($scope.data.username, $scope.data.password).success(function (data) {

            $state.go('/HomePage'); // This is not working for me

        }).error(function (data) {
            var alertPopup = $ionicPopup.alert({
                title: 'Login failed!',
                template: 'Please check your credentials!'
            });
        });
    }
})

Question:

When i try below code

$state.go('/HomePage');

this is not working for me.

I get below exception as below

Error: Could not resolve '/HomePage' from state 'login'

How can i reach homepage.html page from login page.

Any help will be appreciated.

Thanks.

post you app.js here

Hardik Gondalia
– Hardik Gondalia

2015-10-12 11:27:42 +00:00
Commented Oct 12, 2015 at 11:27 — Hardik Gondalia
– Hardik Gondalia, Commented Oct 12, 2015 at 11:27
i also forgot to add new path to app.js thanks for answer

Soner
– Soner

2015-10-12 11:32:54 +00:00
Commented Oct 12, 2015 at 11:32 — Soner
– Soner, Commented Oct 12, 2015 at 11:32

Upalr · Accepted Answer · 2017-05-04 05:57:31Z

11

use this :

$location.path('/HomePage');

Full code:

.controller('LoginCtrl', function ($scope, LoginService, $ionicPopup,$location) {
    $scope.data = {};

    $scope.login = function () {
        LoginService.loginUser($scope.data.username, $scope.data.password).success(function (data) {

            $location.path('/HomePage'); // working

        }).error(function (data) {
            var alertPopup = $ionicPopup.alert({
                title: 'Login failed!',
                template: 'Please check your credentials!'
            });
        });
    }
})

edited May 4, 2017 at 5:57

answered Oct 12, 2015 at 11:27

Upalr

2,1442 gold badges25 silver badges33 bronze badges

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

1 Comment

alphapilgrim Over a year ago

this is using angular's router, now you're handling states two different ways.

Sathibabu P · Accepted Answer · 2016-03-14 06:49:55Z

5

use this :

$state.go('app.HomePage');    //This is worked for me.

My Code:

 $scope.Login = function(form){  
   if(form.$valid) {   

          $http({
          method  : 'POST',
          url     : link,
          data    : {username : $scope.data.username, password : $scope.data.password,action: 'login'}, //forms user object
          headers : {'Content-Type': 'application/x-www-form-urlencoded'} 
         })
          .success(function(data) {                
             $state.go('app.listings');                             
          });           
    }       
 };

answered Mar 14, 2016 at 6:49

Sathibabu P

6671 gold badge8 silver badges15 bronze badges

Comments

Quill · Accepted Answer · 2016-03-16 02:30:31Z

3

Use state name instead of a path. For example:

$stateProvider
    .state('auth', { 
        url: '/auth', 
        views: { 
            'nav_view_start': { 
                templateUrl: 'templates/auth/auth.html', 
                controller: 'AuthCtrl'
            }
        }
    })
    .state('main', { 
        url: '/main', 
        abstract: true, 
        cache: false, 
        views: { 
            'nav_view_start': { 
                templateUrl: 'templates/main/main.html', 
                controller: 'MainCtrl' 
            }
        } 
    });

Use main instead of /main.

edited Mar 16, 2016 at 2:30

Quill

2,7551 gold badge35 silver badges46 bronze badges

answered Oct 12, 2015 at 11:29

Ranjith

1251 silver badge7 bronze badges

1 Comment

Ranjith Over a year ago

$stateProvider.state(''auth', { url : '/auth', views : { 'nav_view_start' : { templateUrl : 'templates/auth/auth.html', controller : 'AuthCtrl' } } }).state('main', { url : '/main', abstract : true, cache : false, views : { 'nav_view_start' : { templateUrl : 'templates/main/main.html', controller : 'MainCtrl' }, } }); <br/><br/> Use "main" instead of "/main"

Collectives™ on Stack Overflow

Ionic/AngularJS redirect to another page

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related