Dieser Artikel teilt mit Ihnen die Methode der ionischen Verstecktabellen für Ihre Referenz. Der spezifische Inhalt ist wie folgt
1.
<ion-tabs ng-class = "{'tabs-item-hide': $ root.hidetabs}"> <!-Registerkarten-> </Ion-tabs>2.
Fügen Sie diesem Controller .Directive hinzu:
var modul = angular.module ('app.directives', []); module.directive ('showtabs', function ($ rootscope) {return {restrict: 'a', link: function ($ scope, $ el) {$ rootscope.hidetabs = false;}}}). Einschränkung: 'a', link: function ($ scope, $ el) {$ rootscope.hidetabs = true;}};})3.
Referenz aus Verstecktabs auf der HTML-Seite
<Ion-View-Tabs> <!-Inhalt anzeigen-> </Ion-tabs>
4.
Wenn die Seite zur Hauptseite zurückkehrt, müssen die Registerkarten erneut angezeigt werden und Sie müssen den Controller hinzufügen (hauptsächlich, um das Problem der Registerkarten zu lösen oder auf Android verborgen):
$ scope.
5.
Ich benutze Registerkarten, und ein weiteres Problem, auf das ich gestoßen bin, ist: Ein Teil des Inhalts von <Ion-Inhalt> wird versteckt; Lösung:
Ändern Sie den Inhalt in Directive.js erneut und verwenden Sie keine Showtabs mehr:
.Directive ('Hidetabs', Funktion ($ rootScope) {return {prestrict: 'a', link: function (scope, element, Attribute) {scope. SCOPE.Lassen Sie uns zusammenfassen. Im Vergleich zur Verwendung von Registerkarten haben die oben genannten keine großen Probleme. Aber wenn es oben verwendet wird, wird es auf einige Probleme stoßen, wenn es um Inhalt geht.
Tatsächlich können Sie in Betracht ziehen, <Ion-Slide> auf Ionic anstelle von <Ion-tabs> zu verwenden. Egal, ob es sich um den Gleiteffekt auf andere Seiten oder die Gleitwirkung von Folienseiten handelt, es wird insbesondere auf Android erheblich verbessert.
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.