Javascript 在Ionic中使用具有多个视图的选项卡的正确方法？

我目前正在尝试创建一个总共有4个选项卡的Ionic 1应用程序。每个标签页都有自己的按钮，用于生成新页面。作为我当前实现的一个示例，我有一个名为“tabs.group”的选项卡。在该组中，有一个按钮用于创建新组，这将导致一个新状态。该状态还包含下一屏幕的按钮，用于添加成员

    .state('tabs.groups', {
        url: '/groups',
        views: {
            'groups-tab': {
                templateUrl: 'views/groups/groups.html',
                controller: 'GroupsController'
            }
        }
    })
            .state('tabs.creategroup', {
                url: '/creategroup',
                views: {
                    'groups-tab': {
                        templateUrl: 'views/groups/creategroup.html',
                        controller: 'GroupsController'
                    }
                }
            })
            .state('tabs.addmembers', {
                url: '/addmembers',
                views: {
                    'groups-tab': {
                        templateUrl: 'views/groups/addmembers.html',
                        controller: 'GroupsController'
                    }
                },
                params: {
                    groupkey: null,
                    groupname: null
                }
            })

问题是，当我单击“tabs.group”选项卡视图中的按钮时，我被重定向到“tabs.creategroup”，但选项卡菜单栏仍然可见。我已经搜索了一个解决方案，但似乎所有的可能是手动添加类选项卡项目隐藏时，选项卡不应该显示

---

然而，这似乎真的有问题。等待一段时间后，选项卡会出现在我的内容上方。除此之外，当访问选项卡后的第二个视图时，我的视图有时会消失。这让我怀疑我到底是不是用正确的方法来做这件事。有人能告诉我，当我尝试实现这种结构时，我的路线应该是什么样子的吗？我还没有找到任何明确的例子，当这似乎是一个如此普遍的应用程序结构非常感谢

这不是问题，请更改代码。您仍在查看选项卡菜单栏，因为您的.state正在调用它

 .state('tabs.groups', {
        url: '/groups',
        views: {
            'groups-tab': {
                templateUrl: 'views/groups/groups.html',
                controller: 'GroupsController'
            }
        }
    })
            .state('creategroup', {
                url: '/creategroup',
                templateUrl: 'views/groups/creategroup.html',
                controller: 'GroupsController'
            })
            .state('addmembers', {
                url: '/addmembers',
                templateUrl: 'views/groups/addmembers.html',
                controller: 'GroupsController',
                params: {
                    groupkey: null,
                    groupname: null
                }
            })