Fix ngScope issues in chat

public/partials/chatRoom.html

@@ -3,7 +3,7 @@
     <h1 ng-show="service.isConnected()">Welcome <small>You are playing as {{service.username}}</small></h1>
     <h1 ng-hide="service.isConnected()">Welcome <small>login to play</small></h1>
   </div>
-  <div ng-if="!service.isConnected()" class="row">
+  <div ng-show="!service.isConnected()" class="row">
     <div id="login" class="offset4 span6">
       <form ng-show="service.status == 'disconnected'">
         <input id="username" name="username" class="input-small" type="text" ng-model="username" placeholder="Username">
@@ -13,7 +13,7 @@
       </form>
     </div>
   </div>
-  <div ng-if="service.isConnected()" class="row">
+  <div ng-show="service.isConnected()" class="row">
     <div class="span10" id="main">
       <div id="messages">
         <div class="message {{message.kind}} {{message.user == chat.username ? 'me' : ''}}" ng-repeat="message in chat.messages">