Ich bin neu in Ionic, aber es ist lange her, dass ich es ausprobieren wollte. Ich spiele nur herum, also bekomme ich vielleicht nicht das volle Konzept.
Ich versuche, eine einfache Anwendung mit drei Tabs am unteren Rand und einem Einstellungssymbol, das für alle drei Tabs da sein wird, zu machen. Wenn Sie auf dieses Symbol klicken, sollten sich die Registerkarten verstecken und den Einstellungsbildschirm anzeigen.
Da ich nicht möchte, dass der Benutzer Inhalte verliert, erben alle Ansichten von einer globalen:
%Vor% Dann sieht tabs/view folgendermaßen aus:
Und eine der Ansichten:
%Vor%Zuerst frage ich mich: Gibt es eine Möglichkeit, diese Schaltflächen zwischen allen Ansichten wiederzuverwenden? Es scheint nutzlos, sie immer und immer wieder zu definieren.
Aber das ist nicht die wahre Sache ™. Wenn ich auf Einstellungen klicke, wird etwas in ion-nav-view eingefügt, aber es enthält eine Menge Zeug (das nicht auf der Vorlage ist) und es versteckt auch weder die andere Ansicht noch die Tabs.
Einige Screenshots:
Was sollte der richtige Ansatz dafür sein?
Dies ist das erste Mal, dass ich hier eine Frage beantworte, also bitte, bitte.
So navigieren Sie zu einer Ansicht ohne die Tab-Leiste: Entfernen Sie das Präfix "app" aus dem Einstellungsstatus, damit es nicht mehr dem übergeordneten abstrakten Status (app) untergeordnet ist.
%Vor%** Wenn Sie nach diesem einen Status hinzufügen, löschen Sie das Semikolon, während das Semikolon das Ende angibt.
DAS IST EINE BAND-AID-LÖSUNG.
Die vollständige Lösung für Ihr Problem besteht darin, mit einer ionischen Projektvorlage zu beginnen. Glücklicherweise haben sie eine Tab-Option, die eine globale Tab-Leiste ist.
Befehlszeile:
ionic start appName tabs
Das sollte dir eine richtige Startvorlage mit allem geben, was du brauchst. Es hat auch Beispiele controller.js, services.js und app.js Dateien, so dass Sie nur von dort erstellen können. Es hilft Ihnen auch, Ihr Projekt korrekt zu strukturieren, um zu verhindern, dass unerwartete Daten in Ihr Tag gelangen.
Quelle 1: Ссылка
Quelle 2: Ссылка
** Bonus: Es gibt auch einen ordentlichen Trick in Quelle 2, der zeigt, wie Sie alle Vorlagen in Ihrer index.html-Datei behalten, um die App zu beschleunigen und Ihren Arbeitsablauf zu vereinfachen.
Goodluck.
Tags und Links angularjs ionic-framework
