Question

所以我有一个Bottom选项卡界面，带有列出的联系人视图。当您点击某个联系人时，它也会为您提供该联系人的联系人详细信息视图。

两个视图中都有其他的离子标签。第一个联系人视图按预期工作，您可以在“朋友”，“收藏夹”和“请求”之间进行选项卡。当您进入“联系人详细信息”视图，单击该联系人的任何选项卡将成功切换选项卡时，会发生此问题，但会立即将您带回“联系人视图”屏幕。

这是一个显示我的意思的Plunker：

http://plnkr.co/edit/Iuu1xgilMbGhmOeVkYKg?p=preview

由于某些原因，在此Plunker中，它默认为“请求”选项卡。所以点击收藏夹，然后点击朋友单击联系人，然后单击该联系人的选项卡。它会带你回到第一个屏幕。

.state('tab.dash', {
  url: '/dash',
  views: {
    'tab-dash': {
      templateUrl: 'tab-dash.html',
      controller: 'DashCtrl'
    }
  }
})

.state('tab.friends', {
  url: '/friends',
  views: {
    'tab-friends': {
      templateUrl: 'tab-friends.html',
      controller: 'FriendsCtrl'
    }
  }
})
.state('tab.friend-detail', {
  url: '/friend/:friendId',
  views: {
    'tab-friends': {
      templateUrl: 'friend-detail.html',
      controller: 'FriendDetailCtrl'
    }
  }
})

Answer 1

我解决这个问题的方法是让三个按钮复制标签但在主标签中更改了视图。

带有标签的多个视图导致视图之间跳跃 - 离子

1 个答案: