title: Aurelia router navigate & navigateToRoute
body: <p>In app.ts I am looking to navigate to <code>home/contract-view/10</code> on a action. Tried </p>
  
  <pre><code>this.router.navigateToRoute(`home/contract-view`, { id: 10}, { absolute: true });
  </code></pre>
  
  <p>fails with <code>Route home/contract-view not be found</code></p>
  
  <p>Another try:</p>
  
  <pre><code>this.router.navigate(`#/home/contract-view`, { id: 10});
  </code></pre>
  
  <p>fails with <code>Route not found: contract-view(…)</code>
  How to achieve this?
  App.ts:</p>
  
  <pre><code>configureRouter(config: RouterConfiguration, router: Router) {
          config.title = 'Contracts Portal';
          config.map([
              { route: ['', 'dummy'], name: 'dummy', moduleId: 'dummy', nav: false, title: 'Dummy', settings: { pos: 'left' } },
              { route: 'home', name: 'home', moduleId: 'home', nav: true, title: 'Home', settings:{pos: 'left', class: 'home' }, auth: true },
          ]);
          this.router = router;    
      }
  </code></pre>
  
  <p>Home.ts:</p>
  
  <pre><code> configureRouter(config: RouterConfiguration, router: Router) {
          config.map([
              { route: ['', 'contract-view/:id'], name: 'contract-view', moduleId: 'contract-view', nav: true, title: 'Contract' },
              { route:  'doc-view/:id', name: 'doc-view', href:'doc-view', moduleId: 'doc-view', nav: true, title: 'Document' },
          ]);
  
          this.router = router;
          this.router.refreshNavigation();
      }
  </code></pre>