Question

刚刚启动Ionic，我在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');

适用于我尝试的任何其他网址（例如/tabs/dash），但我似乎无法让/login正常工作。

Answer 1

您需要为登录页面设置路由，如下所示：

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

Here是codepen示例。

如何在非标签式登录页面中添加新的Ionic＆＃34;标签＆＃34;应用程序吗？

1 个答案: