单击选项卡时重定向到父状态答案

【问题标题】：Redirecting to parent state on tab click单击选项卡时重定向到父状态
【发布时间】：2017-04-29 23:23:32
【问题描述】：

我有一个 Ionic 应用程序，它有 4 个选项卡菜单，其中一个选项卡是实际的菜单页面，它有一些自己的链接，所以快速 sn-p：

.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'
      }
    }
  })

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

如何让它进入菜单页面？

【问题讨论】：

标签： angularjs ionic-framework

【解决方案1】：

这个问题的解决方法如下：

标签有ui-sref属性：

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

这导致了重定向问题。相反，只需使用方法创建控制器

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

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

来修改选项卡

ng-click="goToState()"

【讨论】：