离子选项卡：如何在不同选项卡中重用相同的详细信息页面

这是两篇文章，基本上描述了与我相同的需求。不幸的是，这些都没有具体的解决方案。

http://forum.ionicframework.com/t/reuse-master-detail-page-template- Between-tabs/17493 http://forum.ionicframework.com/t/reuse-master-detail-page-template-between-tabs/17493

http://forum.ionicframework.com/t/same-detail-page-for-2- Different-tabs-with-history/17425 http://forum.ionicframework.com/t/same-detail-page-for-2-different-tabs-with-history/17425

为了更好地解释我们想要实现的目标，请参阅下面的两张图表。

我相信图1无需解释因为它是选项卡 UI 组件的经典用法。

然而，在chart 2，我们可以看到，如果每个选项卡都需要重用相同的主从控制器和模板，则不可能实现开箱即用，最大的困难是 ui-router 的静态/声明性性质。

具体来说，我能够正确设置一切，直到主视图为止。我实际上可以在 3 个选项卡中重复使用相同的列表（主），当我单击一行时，会出现详细信息页面，这很好。不幸的是，它切换到第一个选项卡！

所以问题是，如何在保留当前选定选项卡的同时重用模板和控制器代码一直到详细信息页面？

换句话说：我想要一个详细信息页面，当您单击任何列表中的任何选项卡中的任何项目时，该详细信息页面会显示在相应的选项卡中。

以下代码显示 ui-router 强制您指向“硬编码”视图名称，在本例中为“profile-into”：

.state('profile.intro', {
            url: '/intro/:username',
            views: {
                **'profile-intro'**: {
                    templateUrl: 'app/profile/views/profile-intro.html',
                    controller: 'ProfileIntroCtrl'
                }
            }
        })

我需要动态设置视图名称。

我认为某种全局控制器加上指令可以解决这个问题，但我无法理解它......

任何帮助是极大的赞赏 ！！

在 Ionic 论坛上发布了回复，但我想我也应该在这里复制它......

我遇到了类似的问题，我需要跨选项卡重用模板并保持用户处于活动选项卡中。我结束使用$ionicTabsDelegate在我的控制器中，通过执行类似的操作来获取选项卡索引$scope.selectedTabIndex = $ionicTabsDelegate.selectedIndex();

我的问题是有正确的路线。我为每个引用相同模板但具有不同 URL 的选项卡创建了路由。然后在我的模板中加载selectedTabIndex，当我需要链接到另一个视图时，我在函数中传递了选项卡索引来更改状态。

例如，在我重新使用的模板中，我有以下内容：

ng-click="viewUser(id, selectedTabIndex);"

在我的控制器中，我有这样的东西：

$scope.viewUser = function(uid, tabIndex){
    if(tabIndex == 2){
        $state.go('tab.me-user',{ uid: uid});
    } else {
        $state.go('tab.user-profile',{ uid: uid});
    }
};

我宁愿有多个路线而不是多个模板，所以这对我来说很有效。我很想看看其他人是否想出另一种方法来实现这一目标。