Question

我的离子应用程序中有以下非常简单的html

<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>

问题是ion-content指令用这个html包装ion-nav-view内容

<div class="scroll" style="-webkit-transform: translate3d(0px, 0px, 0px) scale(1);"></div>

似乎如果删除translate3d属性会显示内容，但我必须假设有更好的方式，或者我缺少的内容。

我的模板显示的内容非常简单

<div>
    <p>Welcome to the main screen</p>
</div>

这是我遇到的问题的一小部分

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

Answer 1

我发现当我更新你的index.html时，它会加载tabs.html。

  <body ng-app="starter" animation="slide-left-right-ios7">
    <ion-nav-view></ion-nav-view>
  </body>

我已将导航栏移至tabs.html以在所有页面上显示导航栏。

<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>

<!-- About 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>

我认为发生的事情是ui-router首先加载抽象路径html然后转到默认路由，因为没有指定路由。

.state('tab', {
  url: "/tab",
  abstract: true,
  templateUrl: "tabs.html"
})

这是您指定默认路线的地方。

// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/tab/dash');

离子含量指令滚动div不显示数据

1 个答案: