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.