Este artigo compartilha com você o método de abas de esconderijo iônico para sua referência. O conteúdo específico é o seguinte
1.
<ion-tabs ng-class = "{'tabs-item-hide': $ root.hidetabs}"> <!-tabs-> </ion-tabs>2.
Adicione .Directive a este controlador:
var módulo = angular.module ('App.Directives', []); Module.Directive ('ShowTabs', function ($ rootscope) {return {Restritt: 'a', link: function ($ scope, $ el) {$ rootcope.hidetabs = false;}};}). Restringir: 'a', link: função ($ scope, $ el) {$ rootscope.hidetabs = true;3.
Referência de esconderijo na página HTML
<Ion-View Hide-Tabs> <!-Veja o conteúdo-> </ion-tabs>
4.
Quando a página retornar à página principal, as guias precisam ser exibidas novamente e você precisa adicioná -las ao controlador (principalmente para resolver o problema das guias ou ocultas no Android):
$ scope. $ on ('$ ionicview.enter', function () {// Mostrar guias $ rootscope.hidetabs = false;});5.
Estou usando o Tabs-top, e outro problema que encontrei é: parte do conteúdo do <content-content> será oculto; solução:
Modifique o conteúdo no Directive.js novamente e não use mais o ShowTabs:
.Directive ('hidetabs', function ($ rootscope) {return {restrive: 'a', link: function (escopo, elemento, atributos) {scope. $ on ('$ ionicView.beforente', function () {scope. escopo. $ on ('$ ionicview.beforeleave', function () {$ rootscope.hidetabs = false;});Vamos resumir. Comparado com o uso de guias, se estiver na parte inferior, os acima não terão grandes problemas. Mas se for usado na parte superior, encontrará alguns problemas quando se trata de conteúdo.
De fato, você pode considerar o uso de <Ion-slide> no iônico em vez de <ion-tabs>. Seja o efeito deslizante com outras páginas ou o efeito deslizante das páginas de slides, ele será bastante aprimorado, especialmente no Android.
O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.