gpt4 book ai didi

css - ion-content 指令滚动 div 不显示数据

转载 作者:行者123 更新时间:2023-11-28 07:31:42 26 4
gpt4 key购买 nike

我的 ionic 应用程序中有以下非常简单的 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

最佳答案

我发现当我更新您的 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');

关于css - ion-content 指令滚动 div 不显示数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31465552/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com