Hide angular templates on page load

app/assets/stylesheets/darkswarm/angular.css.sass

@@ -0,0 +1,3 @@
+// https://docs.angularjs.org/api/ng/directive/ngCloak
+[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak
+  display: none !important

app/views/layouts/darkswarm.html.haml

@@ -35,7 +35,7 @@
         = render partial: "shared/menu/menu"
 
         %section{ role: "main" }
-          = yield
+          .ng-cloak= yield
           
           #footer
     %loading

app/views/shared/menu/_large_menu.html.haml

@@ -32,10 +32,10 @@
       - else
         = render 'shared/signed_in'
       %li.divider
-      %li.current_hub{"ng-controller" => "CurrentHubCtrl", "ng-show" => "CurrentHub.hub.id"}
+      %li.current_hub{"ng-controller" => "CurrentHubCtrl", "ng-show" => "CurrentHub.hub.id", "ng-cloak" => true}
         %a{href: main_app.shop_path}
           %em Shopping @ 
           %span.nav-primary.nav-branded {{ CurrentHub.hub.name }}
       %li.divider
-      %li.cart
+      %li.cart{"ng-cloak" => true}
         = render partial: "shared/menu/cart"