如何添加新的離子「標籤」應用程序的非標籤登錄頁面？

Question

剛開始離子，我用下面的命令與IOS模擬器：

ionic start myApp tabs 

所有這一切工作正常，但現在我想有一個登錄頁面（無標籤向下探底，在沒有頭頂部），並在用戶登錄後，他們可以訪問選項卡。

我目前在實施此登錄頁面時遇到問題。這是我有：

$stateProvider.state('login', { 
    url: '/login', 
    views: { 
    'login': { 
     templateUrl: 'templates/login.html', 
     controller: 'LoginCtrl' 
    } 
    } 
}).state('tab', { 
    url: '/tab', 
    abstract: true, 
    templateUrl: 'templates/tabs.html' 
}).state('tab.dash', { 
    url: '/dash', 
    views: { 
    'tab-dash': { 
     templateUrl: 'templates/tab-dash.html', 
     controller: 'DashCtrl' 
    } 
    } 
}).state('tab.chats', { 
    url: '/chats', 
    views: { 
    'tab-chats': { 
     templateUrl: 'templates/tab-chats.html', 
     controller: 'ChatsCtrl' 
    } 
    } 
}).state('tab.chat-detail', { 
    url: '/chats/:chatId', 
    views: { 
    'tab-chats': { 
     templateUrl: 'templates/chat-detail.html', 
     controller: 'ChatDetailCtrl' 
    } 
    } 
}).state('tab.account', { 
    url: '/account', 
    views: { 
    'tab-account': { 
     templateUrl: 'templates/tab-account.html', 
     controller: 'AccountCtrl' 
    } 
    } 
}); 

公告第一部分 - .state('login'，但由於某些原因，將不與下面的代碼行工作：

$urlRouterProvider.otherwise('/login'); 

它適用於任何其他我嘗試的URL（例如/tabs/dash），但我似乎無法獲得/login的工作。

Answer 1

您需要設置路由的登錄頁面如下：

.state('login', { 
    url: '/login', 
    templateUrl: 'templates/login.html', 
    controller: 'LoginCtrl' 
}) 

Here是codepen例子。