Este artículo comparte con usted el método de las pestañas de ocultación iónica para su referencia. El contenido específico es el siguiente
1.
<ion-tabs ng-class = "{'tabs-item-hide': $ root.hidetabs}"> <!-Tabs-> </ion-tabs>2.
Agregue .Directive a este controlador:
var module = angular.module ('app.directives', []); module.directive ('showTabs', function ($ rootscope) {return {restrict: 'a', link: function ($ scope, $ el) {$ rootscope.hidetabs = false;}};}. restringir: 'a', enlace: function ($ scope, $ el) {$ rootscope.hidetabs = true;3.
Hide-Tabs de referencia en la página HTML
<ion-view hide-tabs> <!-Ver contenido-> </ ion-tabs>
4.
Cuando la página vuelve a la página principal, las pestañas deben mostrarse nuevamente y debe agregarlas al controlador (principalmente para resolver el problema de las pestañas o oculto en Android):
$ Scope. $ on ('$ ionicview.enter', function () {// show tabs $ rootscope.hidetabs = false;});5.
Estoy usando Tabs-Top, y otro problema que encontré es: Parte del contenido de <ion-content> estará oculto; solución:
Modifique el contenido en directive.js nuevamente y ya no use showTabs:
.Directive ('Hidetabs', function ($ rootscope) {return {restrict: 'a', link: function (scope, element, attributes) {scope. $ on ('$ ionicView.beborenter', function () {scope. $ watch (atributes.hidetabs, function (valor) {$ rootscope.hidetetetet; Alcance. $ On ('$ ionicView.beforeleave', function () {$ rootscope.hidetabs = false;});Resumamos. En comparación con el uso de pestañas, si está en la parte inferior, las anteriores no tendrán grandes problemas. Pero si se usa en la parte superior, encontrará algunos problemas cuando se trata de contenido.
De hecho, puede considerar usar <ion-slide> en iónico en lugar de <ion-tabs>. Ya sea que sea el efecto deslizante con otras páginas o el efecto deslizante de las páginas deslizantes, mejorará mucho, especialmente en Android.
Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.