update(html): use ng-cloak to hide UI until bootstrapping is done

famouspotatoes1 · Sep 30, 2015 · a0213f5 · a0213f5
1 parent 36f0dfa
commit a0213f5
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/app/index.html b/app/index.html
@@ -11,9 +11,19 @@
  <link rel='stylesheet' href='http:https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic'>
  <link rel="stylesheet" href="./bower_components/angular-material/angular-material.css"/>
  <link rel="stylesheet" href="assets/app.css"/>
+
+ <style type="text/css">
+ /**
+ * Hide when Angular is not yet loaded and initialized
+ */
+ [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
+ display: none !important;
+ }
+ </style>
+
  </head>
 
- <body ng-app="starterApp" layout="row" ng-controller="UserController as ul">
+ <body ng-app="starterApp" layout="row" ng-controller="UserController as ul" ng-cloak >
 
  <md-sidenav class="site-sidenav md-sidenav-left md-whiteframe-z2"
  md-component-id="left"