css - ion-content directive scroll div doesn't display data -
i have following simple html in ionic app
<ion-pane> <ion-header-bar class="bar-stable"> <h1 class="title">ionic blank starter</h1> </ion-header-bar> <ion-content> <ion-nav-view></ion-nav-view> </ion-content> </ion-pane>
the problem ion-content
directive wraps ion-nav-view
content html
<div class="scroll" style="-webkit-transform: translate3d(0px, 0px, 0px) scale(1);"></div>
it seems if remove translate3d
attribute content displayed, have assume there better way, or i'm missing.
the content displayed template simple
<div> <p>welcome main screen</p> </div>
here's plunk of problem i'm experiencing
i find when update index.html following loads tabs.html.
<body ng-app="starter" animation="slide-left-right-ios7"> <ion-nav-view></ion-nav-view> </body>
and have moved nav bar tabs.html show nav bar on pages.
<ion-nav-bar></ion-nav-bar> <ion-tabs class="tabs-icon-top"> <!-- pets tab --> <ion-tab title="works" icon="icon ion-home" href="#/tab/dash"> <ion-nav-view name="tab-dash"></ion-nav-view> </ion-tab> <!-- tab --> <ion-tab title="broken" icon="icon ion-gear-b" href="#/tab/account"> <ion-nav-view name="tab-account"></ion-nav-view> </ion-tab> </ion-tabs>
i think happening ui-router loads abstract rout html first , goes default route because no route specified.
.state('tab', { url: "/tab", abstract: true, templateurl: "tabs.html" })
this specified default route.
// if none of above states matched, use fallback $urlrouterprovider.otherwise('/tab/dash');
Comments
Post a Comment