ng-repeat is not working. Think there is a scope issue but not sure.
<p>So I have the following div:</p>

<pre><code>&lt;div id="chatrooms" ng-controller="TableMsgController"&gt;
&lt;section id="chatroom"&gt;
&lt;div id="messages"  &gt;
    &lt;ul&gt;
      &lt;li ng-repeat="entry in seenMsgs"&gt;{{entry.msg}}&lt;/li&gt;
    &lt;/ul&gt;
 &lt;/div&gt;
 &lt;form action=""&gt;
     &lt;input type="text" id="userMsg" ng-model="userMsg"&gt;
    &lt;input type="button" class="gButton" id= "sendMsgBtn" value="Send" ng-click="sendMsg()" /&gt;

    &lt;/form&gt;
  &lt;/section&gt;
&lt;/div&gt;
</code></pre>

<p>And I have the following controller:</p>

<pre><code>tables.controller('TableMsgController',function ($rootScope,$scope) {
  $scope.msgSeen = [];
  $scope.sendMsg = function () {
    //console.log("sendMsg button pushed");
    //console.log($scope.userMsg);
    $scope.msgSeen.push( {'msg':$scope.userMsg} );
   // console.log($scope.msgSeen);
};
</code></pre>

<p>The ng-repeat is not working.</p>

<p>Any idea why?</p>

<p>Z</p>