Hide flash of unstyled angular

app/views/index.scala.html

@@ -16,12 +16,12 @@
   <div class="navbar-header">
     <span class="brand navbar-brand">Game n' Chat</span>
   </div>
-  <ul class="nav navbar-nav collapse navbar-collapse">
+  <ul class="nav navbar-nav collapse navbar-collapse ng-cloak">
     <li ng-repeat="li in nav" class="{{li.partial == view ? 'active' : ''}}">
     <a href ng-click="setView(li.partial)">{{li.name}}</a>
     </li>
   </ul>
-  <div class="navbar-right collapse navbar-collapse" ng-controller="LoginCtrl">
+  <div class="navbar-right collapse navbar-collapse ng-cloak" ng-controller="LoginCtrl">
     <p class="navbar-text" ng-show="!service.isConnected() && view != 'chatRoom'">
       <a href class="navbar-link" ng-click="setView('chatRoom')">Play!</a>
     </p>

public/stylesheets/main.css

@@ -1,3 +1,7 @@
+.ng-cloak {
+    display: none;
+}
+
 .container {
     max-width: 820px;
 }