多個視圖 - 離子

Question

所以我有一個底部標籤式界面，與上市聯繫查看。當您點擊一個聯繫人時，您也需要該聯繫人的聯繫人詳細信息視圖。

這兩種觀點都有在其中附加離子的標籤。第一個聯繫人視圖按預期工作，您可以在「朋友」，「收藏夾」和「請求」之間選擇。當您進入聯繫人詳情視圖時，出現問題，單擊該聯繫人的任何選項卡將成功切換選項卡，但會立即將您帶回聯繫人視圖屏幕。

這裏有一個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

我解決這個問題的方法是有三個按鈕來複制選項卡，但在主選項卡中更改了視圖。