Question

所以我对离子框架有点新闻，我正试图在菜单中制作一个标签页。

我按照这个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页（只需填写您想要的任何内容，不要在该代码中进行检查，不要让它空虚！）
它应该重定向到标签页（我的案例中的播放列表）
菜单中有另外两页（浏览和搜索），其中没有标记。

我已经像那个流程一样，

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

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

我认为.otherwise开始了，但我不知道如何解决它。

有人可以帮我一点吗？

Answer 1

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

侧面菜单中的Ionic选项卡，选项卡不起作用

1 个答案: