Question

我目前正在尝试创建一个共有4个标签的Ionic 1应用。每个选项卡都有自己的按钮，可以显示新页面。作为我当前实现的一个示例，我有一个名为＆tabffroup＆＃39;的标签。在这个组中有一个按钮来创建一个新组，这将导致一个新的状态。该状态还包含一个按钮，指向下一个添加成员的屏幕。

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

问题在于，当我点击我的标签栏中的按钮时。选项卡视图，我被重定向到＆tab; tabs.creategroup＆＃39;但标签菜单栏仍然可见。我已经搜索了一个解决方案，但似乎所有可能的情况是，只要不显示选项卡，就可以手动添加类tabs-item-hide。

然而，这似乎真的很不对劲。标签会在一段等待时间后显示回来，并位于我的内容之上。除此之外，我有时会在选项卡后访问第二个视图时消失。这让我怀疑，如果我以正确的方式解决这个问题。当我试图实现这种结构时，谁能告诉我我的路线应该是什么样子？当这看起来像应用程序的这种常见结构时，我还没有找到任何明确的例子。非常感谢！

Answer 1

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

foo-

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

1 个答案: