title: How to pass selected value between routes?
body: <p>I am quite new to the EmberJS.</p>
  
  <p>This is my model: <strong>book.js</strong></p>
  
  <pre><code>import DS from 'ember-data';
  
  export default DS.Model.extend({
      title: DS.attr('string'),
      author: DS.attr('string'),
      picture: DS.attr('string'),
      buyer: DS.attr('string'),
      bought: DS.attr('boolean', { defaultValue: false }),
      createdAt: DS.attr('date', { defaultValue() { return new Date(); } })
  });
  </code></pre>
  
  <p>I have the following route:
  <strong>Books.js</strong></p>
  
  <pre><code>import Ember from 'ember';
  
  export default Ember.Route.extend({
      model: function(){
          return this.store.findAll('book');
      }   
  });
  </code></pre>
  
  <p>and a bit from corresponding <strong>books.hbs</strong></p>
  
  <pre><code>{{#each model as |book|}}
          &lt;div class="book-container col-xs-12 col-sm-6 col-md-4"&gt;
              &lt;div class="card"&gt;
                  &lt;div class="wrapper"&gt;
                      &lt;div class="details col-md-12"&gt;
                          &lt;h3 class="product-title"&gt;Title {{book.title}}&lt;/h3&gt;
                          &lt;p class="product-description"&gt;Author:{{book.author}}&lt;/p&gt;
                          {{#link-to 'books.give' }} Buy {{/link-to}}
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  {{/each}}
  </code></pre>
  
  <p>This code returns all the books that I currently store in the app.</p>
  
  <p>The idea is to get selected <code>Book</code> object from <strong>books.hbs</strong> and display it in <strong>give.hbs</strong>. </p>
  
  <p>I wanted to use this line </p>
  
  <p><code>{{#link-to 'books.give' }} Buy {{/link-to}}</code></p>
  
  <p>to pass single a single book from <strong>books.hbs</strong> to <strong>give.hbs</strong>, but I don't know how to do that and if its the way to go..</p>
  
  <p>In <strong>gift.hbs</strong> I partially invented a very inefficient way of doing it by looping all the books again and if the title is a match then display it... </p>
  
  <pre><code>  {{#each model as |book|}}
      {{#if (eq book.title "Harry Potter")}}
        &lt;h2&gt;&lt;b&gt;{{book.title}}&lt;/b&gt;&lt;/h2&gt;
      {{/if}}
    {{/each}}
  </code></pre>
  
  <p>Obviously the "Harry Potter" string is hard-coded but it could have been passed from <strong>books.hbs</strong> and that would do the trick since my data is relatively small. </p>