title: AngularJS ngRepeat update model
body: <p>I use <code>ng-repeat</code> to render a <code>html table</code>. My controller looks like so:</p>
  
  <pre><code>app.controller("fooCtrl", function($scope, WebSocket) {
    $scope.foo = [ ... ];
  
    WebSocket.start(function(data) {
      // this is a callback on websocket.onmessage
      // here is a for loop iterating through $scope.foo objects and updating them
    });
  });
  </code></pre>
  
  <p>As you can see, I am updating the <code>$scope.foo</code> array periodically. However, my view is constructed like so:</p>
  
  <pre><code>&lt;tr ng-repeat="item in foo"&gt;
    ...
  &lt;/tr&gt;
  </code></pre>
  
  <p>The problem is, when I update <code>foo</code>, it doesn't re-render my table with new data.</p>
  
  <p>How would I go about this problem?</p>