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

http://plnkr.co/edit/qdekka5fxiqn2tgi3etp?p=info

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

Popular posts from this blog

c# - Better 64-bit byte array hash -

webrtc - Which ICE candidate am I using and why? -

php - Zend Framework / Skeleton-Application / Composer install issue -