директива прокрутки ионного содержимого div не отображает данные

Question

директива прокрутки ионного содержимого div не отображает данные

0

У меня есть следующий очень простой 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 обертывает ion-content с использованием ion-nav-view с помощью этого html

<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

richbai90 17 июль 2015, в 01:08

Источник

Теги:

ionic-framework

angularjs

css

ionic

1 ответ

Ещё вопросы

Yang Zhang · Answer 1 · 2015-07-16T21-43-00.000Z

Я обнаруживаю, что когда я обновляю ваш 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');