angularjs - Ionic 选项卡在选项卡之间显示白色背景几分之一秒

标签 angularjs ionic-framework

我试图找到解决这个白色背景问题的方法,但在搜索和测试了您的所有答案后,没有任何效果。

<ion-tab title="News" icon-off="ion-android-earth" icon-on="ion-android-earth" href="#/tab/news">
        <ion-nav-view name="tab-news"></ion-nav-view>
        <ion-view>
            <ion-nav-bar class="hackbg">
            </ion-nav-bar>
        </ion-view>
    </ion-tab>

即使如此,当我浏览选项卡时,我仍然可以看到白色背景,如果你让我皱眉,这真的很烦人

我有 4 个选项卡,其中 3 个从 http 调用获取动态数据,最后一个选项卡加载带有 YouTube 视频的 iframe。当我启动应用程序并浏览任何选项卡时,我可以看到烦人的白色背景。现在,如果我第一次单击 4 选项卡(iframe 视频),我还会看到白色背景一小会儿。但是,如果我导航到另一个选项卡(也就是说,我也会看到白色背景),然后返回到视频选项卡,我将不再看到白色背景。所有其他 3 个选项卡我将始终看到白色背景,与我访问选项卡部分的时间无关。

我的各个选项卡页面如下所示:

<ion-view hide-nav-bar="true" class="hackbg">
    <ion-header-bar class="bar-positive bar-header" align-title="left">
        <h1 class="title">Logo...</h1>
        <div class="buttons pull-right">
            <button ng-click="go1()" class="button button-icon icon  ion-ios7-1"></button>
            <button ng-click="go2()" class="button button-icon icon  ion-ios7-2"></button>
            <button ng-click="go3()" class="button button-icon icon  ion-ios7-3"></button>
            <button class="button button-icon ion-android-more" ng-click="popover.show($event)"></button>
        </div>
    </ion-header-bar>
...

如您所见,我还在 ion-view 上添加了 hackbg,希望能够解决问题,但事实并非如此。

我对整个代码进行了尝试/捕获,以尝试查看代码中的某个位置是否有错误,这就是白色背景的原因。但是,运气不好,我在任何地方都没有看到任何错误。

如果我从导航转到各个页面(例如,查看像 go1() 这样的按钮,我看不到任何白色背景)。问题仅与选项卡有关。

啊,我的启动画面在加载启动画面后也会显示白色背景一小会儿。我还去谷歌搜索了所有可能的解决方案,但没有一个能解决问题。我还浏览了我在 stackoverflow 上能找到的所有可能的答案,但没有任何效果。

我的 .run 包含以下内容:

 $ionicPlatform.ready(function () {
        setTimeout(function () {
            navigator.splashscreen.hide();
        }, 6000

我将延迟延长到 6000,希望它能让白色背景消失。事实并非如此。有趣的是,有时你会看到它更长,有时又非常快。这并不一致。

有谁知道我可以尝试解决这个问题的另一个技巧吗?

最佳答案

我认为这是不可能的,因为 Ionic 页面仅加载一次。

关于angularjs - Ionic 选项卡在选项卡之间显示白色背景几分之一秒,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28360100/

相关文章:

AngularJS If else 语句和/或 switch

javascript - 是$http吗?是 $scope.$apply 吗?

android - 无法添加 ionic 添加平台android

javascript - 在实例化 Controller 之前未解析 JSON 对象

javascript - 在 Angular 中使 Promise 依赖于另一个 Promise

javascript - Angular.js 支持的 Chrome 版本

javascript - dxDataGrid 使用 ngResource 触发对所有类型的 Web api 的无限调用(错误 : [$rootScope:infdig] 10 $digest() iterations reached. 中止!)

ios - ionic 应用程序不会登录 Xcode

javascript - Ionic 指令 VS 使用 Ionic Framework 的 Angular Material 指令

angular - 通过 POST 将参数从 IONIC 传递到 PHP [CODEIGNITER]