Question

我有一个Ionic应用程序，它有4个标签菜单，其中一个标签是实际的菜单页面，它有一些自己的链接，所以快速摘录：

.state('menu', {
    url: '/menu',
    params: {user: null},
    views: {
      'tab-menu': {
        templateUrl: 'menu.html',
        controller: 'menuCtrl'
      }
    }
  })
.state('user-profile', {
    url: '/menu/profile',
    params: {user: null},
    views: {
      'tab-menu': {
        templateUrl: 'user-profile.html',
        controller: 'menuCtrl'
      }
    }
  })

因此，当用户点击“菜单”离子标签，然后点击个人资料页面时，一切正常。然后用户单击“主页”选项卡，这也可以正常工作。但在此之后，当用户再次点击“菜单”标签时，它将转到个人资料页面，而不是实际的菜单页面。

如何进入菜单页面？

Answer 1

解决此问题的方法如下：

标签包含ui-sref属性：

ui-sref="main.live.tabs.ranking"

这导致重定向问题。相反，只需使用方法

创建控制器

$scope.goToState = function () {
    $state.go('state');
}

通过删除ui-sref并将其替换为

来修改标签

ng-click="goToState()"

在选项卡单击上重定向到父状态

1 个答案: