Ionic/AngularJS重定向到另一个页面

Son*_*ner 4 html javascript angularjs ionic-framework

我有登录页面.当用户名和密码正确时,我想从登录页面重定向到HomePage.html页面.

的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>
Run Code Online (Sandbox Code Playgroud)

HomePage.html

<label id="test">test</label>
Run Code Online (Sandbox Code Playgroud)

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!'
            });
        });
    }
})
Run Code Online (Sandbox Code Playgroud)

题:

当我尝试下面的代码

$state.go('/HomePage');
Run Code Online (Sandbox Code Playgroud)

这不适合我.

我得到以下异常如下

Error: Could not resolve '/HomePage' from state 'login'
Run Code Online (Sandbox Code Playgroud)

如何从登录页面访问homepage.html页面.

任何帮助将不胜感激.

谢谢.

Upa*_*Roy 11

用这个 :

$location.path('/HomePage');
Run Code Online (Sandbox Code Playgroud)

完整代码:

.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!'
            });
        });
    }
})
Run Code Online (Sandbox Code Playgroud)


Sat*_*u P 5

用这个 :

$state.go('app.HomePage');    //This is worked for me.
Run Code Online (Sandbox Code Playgroud)

我的代码:

 $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');                             
          });           
    }       
 };
Run Code Online (Sandbox Code Playgroud)