Korrekte Weise, Registerkarten mit mehreren Ansichten in Ionic zu verwenden?

Question

Ich versuche gerade, eine Ionic 1 App zu erstellen, die insgesamt 4 Registerkarten enthält. Jede Registerkarte hat eigene Schaltflächen, die zu neuen Seiten führen. Als Beispiel für meine aktuelle Implementierung habe ich einen Tab namens "tabs.group". In dieser Gruppe gibt es eine Schaltfläche zum Erstellen einer neuen Gruppe, die zu einem neuen Status führt. Dieser Status enthält auch eine Schaltfläche für einen nächsten Bildschirm zum Hinzufügen von Mitgliedern.

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

Das Problem ist, dass, wenn ich in meiner ‚tabs.group‘ Tab-Ansicht auf eine Schaltfläche klicken, ich auf den ‚tabs.creategroup‘ umgeleitet würde aber die Registerkarten Menüleiste bleibt noch sichtbar. Ich habe nach einer Lösung gesucht, aber es scheint nur möglich zu sein, die Klasse tabs-item-hide manuell hinzuzufügen, wenn die Tabs nicht angezeigt werden sollen.

Dies scheint jedoch wirklich fehlerhaft. Tabs erscheinen nach einiger Wartezeit wieder und sind über meinem Inhalt positioniert. Obendrein verschwindet meine manchmal beim Besuch einer zweiten Ansicht nach einem Tab. Das hat mich in Frage gestellt, ob ich schließlich den richtigen Weg gehe. Kann mir jemand sagen, wie meine Routen aussehen sollen, wenn ich versuche, diese Struktur zu erreichen? Ich habe keine klaren Beispiele finden können, wenn das so eine gemeinsame Struktur einer App scheint Vielen Dank!

Answer 1

Es ist kein Problem, ändern Sie Ihren Code. Sie sehen immer noch Tabs Menüleiste, weil Ihre .state es aufrufen.

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