温泉用户界面问题显示“白屏” angularJS代码

Question

我的cordova应用程序不再值得。 它在应用程序运行时显示角度表达式。 在启动时有时会显示白屏，我认为这可能是JS依赖关系的问题。 我发布了我的JS依赖关系订单

<!-- JS dependencies (order matters!) -->
    <script src="scripts/platformOverrides.js" type="text/javascript"></script>
    <script src="lib/angular/angular.js" type="text/javascript"></script>
    <script src="lib/onsen/js/onsenui.js" type="text/javascript"></script>
    <script src="lib/jquery-2.1.4.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyD5sCjiaGLF8i8zul_W4GBsnMBY9mZTdB4&libraries=places"></script>

    <!-- Cordova reference -->
    <script src="cordova.js"></script>
    <script src="scripts/index.js" type="text/javascript"></script>
    <script type="text/javascript" src="bower_components/ngCordova/dist/ng-cordova.js"></script>

    <!-- CSS dependencies -->
    <link rel="stylesheet" href="lib/onsen/css/onsenui.css" />
    <link rel="stylesheet" href="lib/onsen/css/onsen-css-components-blue-basic-theme.css" />
  <!--   <link rel="stylesheet" type="text/css" href="lib/pace.theme.css"> -->
    <!-- CSP support mode (required for Windows Universal apps) -->
    <link rel="stylesheet" href="lib/angular/angular-csp.css" />
    <link rel="stylesheet" type="text/css" href="index.css">
    <link rel="stylesheet" href="animate.css" />

问题的屏幕截图

这是由于错误的依存关系顺序或互联网问题或我所缺少的任何东西，还是我可以做得很好

Answer 1

这可能会有点晚，但是可以通过做两件事来解决。 1.）将通过config.xml文件显示初始屏幕的时间增加到大约5000毫秒。 2.）在ons.ready()函数中，添加： navigator.splashscreen.hide();

这将显示启动屏幕，在库加载时隐藏白色屏幕，然后在应用程序就绪时将其隐藏。 这解决了我的问题。