0

Utilizo o tabs para mostrar o conteúdo de um HTML.

<ion-view>
<ion-nav-title align="left">{{cliente}}</ion-nav-title>
<ion-content>

    <ion-tabs class="tabs-striped tabs-color-balanced">
        <ion-tab title="dados">
            <ion-nav-view name="tab-dados"></ion-nav-view>
        </ion-tab>
    </ion-tabs>

</ion-content>

Config

 $stateProvider
    .state('Clientes', {
        url: '/clientes',
        views: {
            'conteudo': {
                templateUrl: "templates/inicio.html",
                controller: 'ClienteController'
            }
        }
    })
    .state('menu',{
        url: '/menu/:dadosLogin',
        views: {
            'conteudo':{
                templateUrl: "templates/menu.html",
                controller: 'ClienteController'
            }
        }
    })
    .state('menu.dados', {
        url:'/acessos',
        views:{
            'tab-dados':{
                templateUrl: "templates/tab-dados.html"
            }
        }
    });

Ao aparecer o "tab", ele não lista o conteúdo da <ion-nav-view name="tab-dados"></ion-nav-view>,apenas é listado os "tabs" sem conteúdo.

1 Resposta 1

2

Este problema ocorria pela hierarquia do menu (pai) que esta no nível mais alto não esta como "abstract:true" na sua declaração, então todos dependentes (filhos) não conseguiam encontrar o seu responsável para inserir a view.

$stateProvider
.state('Clientes', {
    url: '/clientes',
    views: {
        'conteudo': {
            templateUrl: "templates/inicio.html",
            controller: 'ClienteController'
        }
    }
})
.state('menu',{
    url: '/menu',
    abstract: true,
    views: {
        'conteudo':{
            templateUrl: "templates/menu.html"
        }
    }
})
.state('menu.dados', {
    url:'/acessos',
    views:{
        'tab-dados':{
            templateUrl: "templates/tab-dados.html"
        }
    }
});

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .