I think I've solved the blank screen issue. I've created an app directive that is triggered on imageonload - that hides an ionic loading. When I first show the modal, I display a "please wait". Timeout of 15 second it goes away. Need to test more, but I think this mostly works

1 files changed, 22 insertions, 0 deletions

diff --git a/www/js/MonitorCtrl.js b/www/js/MonitorCtrl.js
index 69d190d0..def65266 100644
--- a/www/js/MonitorCtrl.js
+++ b/www/js/MonitorCtrl.js
@@ -20,6 +20,22 @@ $scope.reloadView = function ()
             });
 }
 
+$scope.initLoadingImage = function()
+    {
+        console.log ("***Loading***");
+       /* $ionicLoading.show({
+            template: "loading, please wait...",
+            noBackdrop: true,
+        });*/
+    }
+
+
+    $scope.finishedLoadingImage = function()
+    {
+         $ionicLoading.hide();
+       // alert ("IMAGE LOADED");
+    }
+
  $scope.$on('$ionicView.loaded', function(){
     console.log("**VIEW ** Monitor Ctrl Loaded");
   });
@@ -50,6 +66,12 @@ $scope.reloadView = function ()
         })
         .then(function (modal) {
             $scope.modal = modal;
+
+         $ionicLoading.show({
+                template: "please wait...",
+                noBackdrop: true,
+                duration:10000
+        })
             $scope.modal.show();
         });