title: Angular: Push item to list doesn't update the view
body: <p>When I push an item to an array, the view won't refresh the list.</p>
  
  <p>table:</p>
  
  <pre><code>&lt;tbody id="productRows"&gt;
      &lt;tr data-ng-repeat="product in products | filter: search"&gt;
          &lt;td&gt;{{ product.Code}}&lt;/td&gt;
          &lt;td colspan="8"&gt;{{ product.Name}}&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>form:</p>
  
  <pre><code>&lt;form data-ng-submit="submitProduct()"&gt;
      Code:
      &lt;br /&gt;
      &lt;input type="text" required data-ng-model="product.Code"/&gt;
      &lt;br /&gt;
      &lt;br /&gt;
      Naam:
      &lt;br /&gt;
      &lt;input type="text" required data-ng-model="product.Name"/&gt;
      &lt;br /&gt;
      &lt;input type="submit" value="Opslaan" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>submitProduct in controller:</p>
  
  <pre><code>$scope.submitProduct = function () {
      console.log('before: ' + $scope.products.length);
  
      $scope.products.push({Code: $scope.product.Code, Name: $scope.product.Name});
      console.log('after:' + $scope.products.length);
      console.log($scope.products);
  
      $scope.showOverlay = false;
  };
  </code></pre>
  
  <p>As you can see, I log the total items in the array and it behaves like I would expect. The only thing that doesn't do what I expect is the content of my table, that doesn't show the new value.</p>
  
  <p>What do I have to do, so the new row is displayed in the table?</p>