Правильный способ использования вкладок с несколькими представлениями в Ionic?

В настоящее время я пытаюсь создать Ionic 1 приложение, которое имеет в общей сложности 4 вкладки. Каждая вкладка имеет свои собственные кнопки, которые ведут на новые страницы. В качестве примера моей текущей реализации у меня есть одна вкладка под названием ‘tabs.группа’. В этой группе есть кнопка для создания новой группы, которая приводит к новому состоянию. Это состояние также содержит кнопку на следующий экран для добавления членов.

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

Проблема в том, что когда я нажимаю на кнопку в моих вкладках.group ‘tab view, I am redirected to the’ tabs.creategroup», но строка меню вкладки остается видимой. Я искал решение, но, кажется, все, что возможно, это вручную добавить вкладки класса-элемент-скрыть всякий раз, когда вкладки не должны отображаться.

Это, однако, кажется действительно багги. Вкладки появляются после некоторого времени ожидания и располагаются поверх содержимого. Кроме того, мой иногда исчезает при посещении второго представления после вкладки. Это заставило меня задаться вопросом, если я собираюсь об этом правильный путь в конце концов. Может ли кто-нибудь сказать мне, как должны выглядеть мои маршруты, когда я пытаюсь достичь этой структуры? Я не смог найти четких примеров, когда это кажется такой общей структурой приложения, Спасибо большое!

1 ответ

  1. Это не проблема, измените свой код. Вы все еще смотрите панель меню вкладки, потому что ваш .государство вызывает его.

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