title: Ember CLI Array Controller not sorting through each loop
body: <p>I can't get sortProperties to work from an array controller. I think it's because the model that the controller needs to sort is not the model that it receives by default in Ember CLI.</p>
  
  <p>The posts resource defined in <strong>router.js</strong>:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export default Router.map(function() {
    this.resource('posts', function() { 
      this.route('index', {path: '/'});
      this.route('new');
      this.route('full', {path: '/:id'});
  });
   </code></pre>
  </div>
  </div>
  </p>
  
  <p>The model hook is defined in <strong>routes/posts/index.js</strong>:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export default Ember.Route.extend({
    model: function() {
      return this.store.find('post');
    },
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>My model for a single post (<strong>models/post.js</strong>)
  <div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export default DS.Model.extend({
    title: DS.attr('string'), 
    category: DS.attr('string'),  
    created_at: DS.attr('date'), 
    
  )}</code></pre>
  </div>
  </div>
  </p>
  
  <p>My template displays the list of posts using an {{#each}} helper<br>
  (<strong>templates/posts/index.hbs</strong>):</p>
  
  <p>The inner contents of the each helper is contained in a component named 'blog-list'. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>{{#each model as |post|}}
    {{blog-list model=post}}
  {{/each}}</code></pre>
  </div>
  </div>
  </p>
  
  <p>The list of posts displays fine.</p>
  
  <p>I have added code to sort the list by the title property (<strong>controllers/posts/index.js</strong>):</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>export default Ember.ArrayController.extend({
    sortProperties: ['title'],
    sortAscending: true,
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>I'm not sure why, but the title column is not being sorted.</p>