侧边菜单中的离子选项卡，选项卡不起作用

Question

所以我对 ionic 框架有点新闻，我正在尝试在菜单中创建一个标签页。

我关注这个 stackoverflow 页面： Ionic tabs and side menu navigation issue

我把我的代码放在 codePen 中： http://codepen.io/MarcelAng/pen/KrJyYp

这是我的配置：

.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('page1', {
      url: "/page1",
      templateUrl: "templates/page1.html",
      controller: "myCtrl"
    })

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

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

    // Each tab has its own nav history stack:
    .state('app.playlist.dash', {
      url: '/dash',
      views: {
        'tab-dash': {
          templateUrl: 'templates/tab-dash.html',
          controller: 'myCtrl2'
        }
      }
    })

    .state('app.playlist.chats', {
        url: '/chats',
        views: {
          'tab-chats': {
            templateUrl: 'templates/tab-chats.html',
            controller: 'myCtrl3'
          }
        }
      })

    .state('app.playlist.account', {
      url: '/account',
      views: {
        'tab-account': {
          templateUrl: 'templates/tab-account.html',
          controller: 'myCtrl4'
        }
      }
    })

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

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

  $urlRouterProvider.otherwise("/page1");
})

让我解释一下流程：

1. 登录第 1 页（只需填写您想要的任何内容，尚未检查该代码，不要留空！）

2. 它应该重定向到标签页（我的案例中的播放列表）

3. 菜单中还有 2 页（浏览和搜索），没有选项卡。

我已经做到了，

问题是，每当我在标签之间切换时，它会神奇地返回登录页面！，

但是当我通过侧边菜单更改页面时，它工作正常。

我认为 .otherwise 会起作用，但我不知道如何修复它。

有人可以帮帮我吗？

Answer 1

我发现了我的错误。我忘了更改标签中的href。 它仍然重定向到旧页面。