Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Ionic/AngularJS redirect to another page

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.

like image 943
Soner Avatar asked Nov 30 '22 17:11

Soner


1 Answers

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!'
            });
        });
    }
})
like image 127
Upalr Avatar answered Dec 04 '22 11:12

Upalr