title: Refreshing Ionic List When New Row is Inserted
body: <p>I am trying to add a new item to the Ion-List and for some reason it never refresh to update the list: </p>
  
  <pre><code>.controller("HomeController",function($scope,$ionicModal,$state){
  
      $scope.windows = [{id : 1,title:"hello"}];
  
      $scope.addNewWindow = function(window) {
        // assign a new id to the window
        $scope.windows.push(window);
        // close the modal
        $scope.closeAddNewWindowModal();
      }
  </code></pre>
  
  <p>I have debugged it and $scope.windows is updated and it does show multiple items But for some reason the ion-list is never updated.</p>
  
  <p>Here is the Index.html code: </p>
  
  <pre><code>&lt;body ng-app="starter" ng-controller="HomeController"&gt;
  
      &lt;ion-pane&gt;
        &lt;ion-header-bar class="bar-positive"&gt;
          &lt;h1 class="title"&gt;MI&lt;/h1&gt;
  
          &lt;div class="buttons"&gt;
            &lt;button ng-click="openAddNewWindowModal()" class="button"&gt;Add New Window&lt;/button&gt;
          &lt;/div&gt;
        &lt;/ion-header-bar&gt;
  
        &lt;ion-nav-view class="has-header"&gt;&lt;/ion-nav-view&gt;
  
      &lt;/ion-pane&gt;
  
    &lt;/body&gt;
  </code></pre>
  
  <p>list.html looks like this: </p>
  
  <pre><code>&lt;ion-list&gt;
    &lt;ion-item ui-sref="window-details" ng-repeat="window in windows"&gt;
      {{window.title}}
    &lt;/ion-item&gt;
  &lt;/ion-list&gt;
  </code></pre>
  
  <p>The list is injected through the ion-nav-view as shown below: </p>
  
  <pre><code> &lt;ion-pane&gt;
        &lt;ion-header-bar class="bar-positive"&gt;
          &lt;h1 class="title"&gt;MI&lt;/h1&gt;
  
          &lt;div class="buttons"&gt;
            &lt;button ng-click="modal.show()" class="button"&gt;Add New Window&lt;/button&gt;
          &lt;/div&gt;
        &lt;/ion-header-bar&gt;
  
        &lt;ion-nav-view class="has-header"&gt;&lt;/ion-nav-view&gt;
  
      &lt;/ion-pane&gt;
  </code></pre>