[ionic] 利用$state.go切換頁面

我目前需要的功能是,一開始打開app先驗證帳號是否正確,正確了話就跳頁,否者彈出錯誤訊息。
首先你需要先建立好各個State,預設會放在app.js的config
.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('test', {
            url: '/test',
            views: {
                'test': {
                    templateUrl: 'templates/test.html',
                    controller: 'LoginCtrl as login'
                }
            }
        })
        .state('login', {
            url: '/login',
            views: {
                'login': {
                    templateUrl: 'templates/login.html',
                    controller: 'LoginCtrl as login'
                }
            }
        })
    $urlRouterProvider.otherwise('/login');

然後再你的Controller裡面直接使用
function LoginCtrl($scope, $state) {
    var $this = this;
    $this.verification = function() {
        //前往下一個網頁
        $state.go('test');
    }
}
這樣就可以使用嚕,特別要注意go的參數會指向$stateProvider的state第一個參數。

留言