title: Link-to cannot find nested resource on passing two models
body: <p>Here is the app i am learning to build.</p>
  
  <p>categories has many products.</p>
  
  <p>Accordion of category - heading and products as body is in categories template
  router.js</p>
  
  <pre><code>MyApp.Router.map(function () {
      this.resource('categories', {path: '/'}, function () {
          this.resource('category', { path: '/:category_id'}, function () {
              this.resource('product', {
                  path: '/:product_id'
              });
          });
      });
  });
  </code></pre>
  
  <p>My categories handlebar </p>
  
  <pre><code>&lt;div class="panel-group" id="accordion1"&gt;
     {{#each category in model}}
       {{view MyApp.AccordionView  context=category}}
     {{/each}}
  &lt;/div&gt;
  </code></pre>
  
  <p>and my accordion view</p>
  
  <pre><code>&lt;div class="panel panel-default"&gt;
   &lt;div class="panel-heading"&gt;
    &lt;h4 class="panel-title"&gt;
      {{#view MyApp.AccordionTitleView }}{{name}} {{/view}} 
    &lt;/h4&gt;
  &lt;/div&gt;
  &lt;div {{bind-attr id=id}}class="panel-collapse collapse"&gt;
   &lt;div class="panel-body"&gt;
     &lt;table class="table"&gt;
      &lt;tbody&gt;
        {{#each products itemController="product"}}
          &lt;tr&gt;&lt;td&gt;{{#link-to 'category.product' category content }}{{content.name}}{{/link-to}}&lt;/td&gt;&lt;/tr&gt;
        {{/each}}
      &lt;/tbody&gt;
     &lt;/table&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/dzDhe.png" alt="error"></p>
  
  <p><img src="https://i.stack.imgur.com/Vs1Cx.png" alt="enter image description here"></p>
  
  <h1><strong>U P D A T E S</strong></h1>
  
  <p>my issue got resolved by changing 
  <code>{{#link-to 'category.product' category content }}</code> in my accordion view to 
  <code>{{#link-to product' category content }}</code></p>
  
  <p>but as per ember guides 
  <a href="http://emberjs.com/guides/templates/links/" rel="nofollow noreferrer">Ember guides</a>
   I can pass two model like this sample code</p>
  
  <pre><code>&lt;p&gt;
    {{#link-to 'photo.comment' 5 primaryComment}}
      Main Comment for the Next Photo
    {{/link-to}}
  &lt;/p&gt;
  </code></pre>
  
  <p>i dont understand if its because my router hierarchy. but in any case i think it should give some nice error. I an a noob wonder what experts think on this </p>