ionic - ログインページがメインページにリダイレクトされない

Question

これは、ログインページがフォールバックとして使用されている場合にのみ発生します。メインページがフォールバックとして使用されている場合、同じログインページが正常に動作しています。私はこのフレームワークには非常に新しいので、これを修正するための助けがあれば大いに感謝します。これを解決するために他のコードが必要な場合は、お気軽にお問い合わせください。前もって感謝します！ここで

私の設定は、これは私のloginCtrlある（ログインコントローラ）、

angular.module('starter.controllers', []) 

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

// With the new view caching in Ionic, Controllers are only called 
// when they are recreated or on app start, instead of every page change. 
// To listen for when this page is active (for example, to refresh data), 
// listen for the $ionicView.enter event: 
//$scope.$on('$ionicView.enter', function(e) { 
//}); 

// 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(); 
// }; 

$scope.chartConfig = { 
    options: { 
     chart: { 
      type: 'bar' 
     } 
    }, 
    series: [{ 
     data: [10, 15, 12, 8, 7] 
    }], 
    title: { 
     text: 'Hello' 
    }, 

    loading: false 
}; 

// Perform the login action when the user submits the login form 
$scope.doLogin = function() { 
    console.log('Doing login', $scope.loginData); 
    var username = $scope.loginData.name; 
    var password = $scope.loginData.password; 
    console.log("username" + $scope.loginData.name); 
    if (username == "admin@as" && password == "admin") { 
     console.log("if part"); 
     $location.path("#/app/search"); 
    } else { 
     console.log("error"); 
     // $("#errorpwd").css({"display":"block"}); 
     // $scope.message = "Error"; 
     // $scope.messagecolor = "alert alert-danger"; 
    } 
    // Simulate a login delay. Remove this and replace with your login 
    // code if using a login system 
    // $timeout(function() { 
    //  $scope.closeLogin(); 
    // }, 1000); 
}; 
}) 

そして最後に、これは私のログインhtmlコードで、

<ion-view view-title="Login" name="login-view"> 
<ion-header-bar class="bar bar-header bar-positive"> 
    <h1 class="title">Login</h1> 
    <!--<button class="button button-clear button-primary icon-left ion-close-circled" ng-click="modal.hide()"></button>--> 
</ion-header-bar> 
<ion-content> 
    <form ng-submit="doLogin()"> 
     <div class="list"> 
      <label class="item item-input"> 
     <span class="input-label">Username</span> 
     <input type="text" ng-model="loginData.name"> 
    </label> 
      <label class="item item-input"> 
     <span class="input-label">Password</span> 
     <input type="password" ng-model="loginData.password"> 
    </label> 
      <label class="item"> 
     <button nav-clear class="button button-block button-positive" type="submit">Log in</button> 
    </label> 
     </div> 
    </form> 
</ion-content> 

、

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

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

.state('app.login', { 
    url: '/login', 
    views: { 
     'menuContent': { 
      templateUrl: 'templates/login.html', 
      controller: 'AppCtrl' 
     } 
    }, 
    authenticate: false 
}) 

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

.state('app.browse', { 
     url: '/browse', 
     views: { 
      'menuContent': { 
       templateUrl: 'templates/browse.html', 
       controller: 'mainCtrl' 
      } 
     } 
    }) 
    .state('app.playlists', { 
     url: '/playlists', 
     views: { 
      'menuContent': { 
       templateUrl: 'templates/playlists.html', 
       controller: 'PlaylistsCtrl' 
      } 
     } 
    }) 

.state('app.snapshot', { 
    url: '/snapshot', 
    views: { 
     'menuContent': { 
      templateUrl: 'templates/snapshot.html' 
     } 
    } 
}) 

.state('app.callqueues', { 
    url: '/callqueues', 
    views: { 
     'menuContent': { 
      templateUrl: 'templates/callqueues.html' 
     } 
    } 
}) 

.state('app.single', { 
    url: '/playlists/:playlistId', 
    views: { 
     'menuContent': { 
      templateUrl: 'templates/playlist.html', 
      controller: 'PlaylistCtrl' 
     } 
    } 
}); 
// if none of the above states are matched, use this as the fallback 
// $urlRouterProvider.otherwise('/app/search'); 
$urlRouterProvider.otherwise('/app/login'); 
}); 

です

Answer 1

あなたはnモジュールの依存関係としてOT注入したUI-ルータ、

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

もui.routerのためのJSに@sajeetharanを私を助けるため

<!-- Angular --> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js"></script> 
    <!-- UI-Router --> 
    <script src="//angular-ui.github.io/ui-router/release/angular-ui-router.js"></script>