return first model ember js template
<p>I have an ember js router that retrieves a list of models.</p>

<pre><code>import Ember from 'ember';

export default Ember.Route.extend({

  model() {
    return this.get('store').findAll('article');
  }
});
</code></pre>

<p>I want to get the first model in the list inside my template, so I tried :</p>

<pre><code>{{ article-preview article=model.[0] }}
</code></pre>

<p>but that didn't work, the article-preview component didn't receive the article model.</p>

<p>I tried this to see if the problem is in the component <code>article-preview</code>, but that worked.</p>

<pre><code>  {{#each model as |article|}}
       {{ article-preview article=article}}
  {{/each}}
</code></pre>