使用ionic serve --lab命令运行项目时，$ state.go无法正常工作

Question

Hello I am working with ionic framework and I want to redirect to another page

after successfully login .When I run project using command:

ionic serve then $state.go working properly but when I run project using

ionic serve --lab it is not working

 .controller('AppCtrl', function($scope,$http, $ionicModal,$location,$state, $timeout) {

    // Form data for the login modal
    $scope.loginData = {};

    // Create the login modal that we will use later
    $ionicModal.fromTemplateUrl('templates/login.html', {
        scope: $scope
        }).then(function(modal) {
        $scope.modal = modal;
    });

    // Triggered in the login modal to close it
    $scope.closeLogin = function() {
        $scope.modal.hide();
    };

    // Open the login modal
    $scope.login = function() {
        $scope.modal.show();
    };

    // Perform the login action when the user submits the login form
    $scope.doLogin = function() {

        alert($scope.loginData.username);
        alert($scope.loginData.password);

        $http({
            method: 'POST',
            url: 'http://localhost/home_owner12/admin/api/login',
            data: {username:$scope.loginData.username,password:$scope.loginData.password},
            headers : {
            'Content-Type' : 'application/x-www-form-urlencoded; charset=UTF-8'}
        })
        .then(function successCallback(response) 
        {

            if(response.data.length > 0)
            {

                 $state.go('app.search');
                 console.log('the state is '+$state.current);

            }
            else 
            {
                alert("Invalid email or pasword");
                ///$location.path('/search');

            }
        }, function errorCallback(response) 
        {
            alert("Invalid email pasword");
        });
    };
    })

here is state:

config(function($stateProvider, $urlRouterProvider) {
  $stateProvider

    .state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'templates/menu.html',
    controller: 'AppCtrl'
  })

 .state('app.search', {
    url: '/search',
    views: {
      'menuContent': {
        templateUrl: 'templates/search.html',
        controller: 'AppCtrl'
      }
    }
  });

and module

angular.module('starter', ['ionic', 'starter.controllers', 'ui.router'])

Answer 1

The app.search page's controller goes to AppCtrl in place.

Because AppCtrl runs a second time, it is entering an infinite loop.

Replace the code with that

config(function($stateProvider, $urlRouterProvider) {
          $stateProvider

          .state('app', {
            url: '/app',
            abstract: true,
            templateUrl: 'templates/menu.html',
            controller: 'AppCtrl'
          })

         .state('app.search', {
            url: '/search',
            views: {
              'menuContent': {
                templateUrl: 'templates/search.html',
                controller: 'SearchCtrl'
              }
            }
          });

and

 .controller('SearchCtrl', function($scope,$http,    $ionicModal,$location,$state, $timeout) {
............
.........
.......
 })