温泉UI问题的'白色屏幕'angularJS代码显示

Question

我的科尔多瓦应用程序是不值得的。 它显示应用程序运行时的角度表达式。 在启动时显示白屏 我认为这可能是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" /> 

screenshot of issue

这是因为依赖或网络问题或任何错误的顺序，我丢失或我可以做完美运行它

Answer 1

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

这将显示启动画面，在图书馆加载时隐藏白色屏幕，然后在应用程序准备就绪时隐藏它。这解决了我的问题。