title: Ember {{#link-to}} doesn't transition to route
body: <p>This is my current situation. I have a campaign view route which is nested within a campaigns route. I'm using dynamic segments so the view page only displays the necessary details for that particular campaign. </p>
  
  <p>This is illustrated in my routes:</p>
  
  <pre><code>TM.Router.map(function(){
      this.resource("campaigns", function(){
          this.route("view", { path: "/view/:id" }),
          this.route("create"),
          this.route("edit", { path: "/edit/:id" })
      })
  });
  </code></pre>
  
  <p>The URL for the view page is:</p>
  
  <pre><code>/campaigns/view/2
  </code></pre>
  
  <p>The campaigns route has an edit link (which only appears in the view page) that should take the user to the edit page with form which is pre-populated with the details from the current item. </p>
  
  <p>So I have linked the model to the edit page as such:</p>
  
  <pre><code>TM.CampaignsEditRoute = Ember.Route.extend({
      model: function(params){
          return this.store.find("campaign", params.id);
      }
  });
  </code></pre>
  
  <p>and the edit link within the campaigns route is:</p>
  
  <pre><code>  &lt;li&gt;{{#link-to "campaigns.edit"}}Edit Campaign Code Info{{/link-to}}&lt;/li&gt;
  </code></pre>
  
  <p>The link changes from:</p>
  
  <pre><code>/campaigns/view/2
  </code></pre>
  
  <p>to</p>
  
  <pre><code>/campaigns/edit/2
  </code></pre>
  
  <p>..but for some reason, the edit template doesn't appear/load on the page, neither is a GET request made to the model and I'm not sure why.</p>
  
  <p>If I refresh the page, the form appears but nothing happens on the initial click.</p>
  
  <p><strong>Update</strong></p>
  
  <p>When I hard code the ID into the {{#link-to}}, </p>
  
  <pre><code>  &lt;li&gt;{{#link-to "campaigns.edit" "2"}}Edit Campaign Code Info{{/link-to}}&lt;/li&gt;
  </code></pre>
  
  <p>the link works how it should but I when I use campaign.id, I get</p>
  
  <pre><code>This link-to is in an inactive loading state because at least one of its parameters presently has a null/undefined value, or the provided route name is invalid.
  </code></pre>
  
  <p><strong>Update  2</strong></p>
  
  <p>So the problem is that the link which edits the campaign is in the top level route (campaigns) while the data I want to edit is in campaigns view. The link within campaigns doesn't know what the ID of the data in campaigns view is. </p>