title: Ember.js - filtered model change does not trigger a change in rendered template
body: <p>I have an application that prints a list of reservations. There are 2 routes: </p>
  
  <pre><code>reservations.allReservations
  
  reservations.newReservations
  </code></pre>
  
  <p><strong>The Problem:</strong> </p>
  
  <p>The allReservations route works fine. If reservations are deleted or added, it is reflected automatically on the page. However, the newReservations route does not get refreshed on changes - however if I reload the page the changes are there.</p>
  
  <p><strong>The setup:</strong> </p>
  
  <p>The main difference between the two is the routes model field. For the allReservation route it is:</p>
  
  <pre><code>App.Reservations.all();
  </code></pre>
  
  <p>for the newReservation route it is:</p>
  
  <pre><code>App.Reservations.all().filterProperty('isNew',true);
  </code></pre>
  
  <p>The application models and data store is setup as in the <a href="https://github.com/trek/ember-todos-with-build-tools-tests-and-other-modern-conveniences" rel="nofollow">Ember.js version of the TodoMVC app</a>.</p>
  
  <p>Route:</p>
  
  <pre><code>App.ReservationsNewReservationsRoute = Em.Route.extend({
  
  model: function(){
         return App.Reservation.all().filterProperty('isNew', true);
      },
  
      renderTemplate: function(){
         this.render('reservationList');
      },
  });
  </code></pre>
  
  <p>Controller:</p>
  
  <pre><code>App.ReservationsNewReservationsController = Ember.ArrayController.extend({
  
      isEmpty: function() { 
          return this.get( 'length' ) == 0;
      }.property( '@each.length', '@each.isNew'),
  
  });
  </code></pre>
  
  <p>Template reservationList.hbs:</p>
  
  <pre><code>{{#if isEmpty}}
      &lt;li&gt;
          &lt;div class="text-center" style="height: 40px; margin: auto 0;"&gt;
              &lt;label&gt;No Reservations!&lt;/label&gt;
          &lt;/div&gt;
      &lt;/li&gt;
  {{/if}}
  {{#each controller}}
     ... print reservations ...
  {{/each}}
  </code></pre>