title: jerky transition in Durandal
body: <p>I'm facing a strange issue.  I've set up multiple routes that hit the same view/viewmodel, but are filtered differently.  E.g.:</p>
  
  <pre><code>       router.mapNav('main/upcoming', 'viewmodels/items');
         router.mapNav('main/all', 'viewmodels/items');
         router.mapNav('main/archived', 'viewmodels/items');
  </code></pre>
  
  <p>the routing works fine and in the vm activate function I am doing the filtering to display the appropriate items:</p>
  
  <pre><code>function activate(r) {
      switch (r.routeInfo.url) {
          case 'main/upcoming': vm.filterType(1); break;
          case 'main/all': vm.filterType(2); break;
          case 'main/archived': vm.filterType(3); break;
      }
      return init();
  }
  </code></pre>
  
  <p>finally, in the same vm, I have events for when the tabs are clicked (Upcoming, All, Archived), that toggle between the views:</p>
  
  <pre><code>function toggleUpcoming() {
      //vm.filterType(1);
      router.navigateTo('#/main/upcoming');
  }
  
  function toggleAll() {
      //vm.filterType(2);
      router.navigateTo('#/main/all');
  }
  
  function toggleArchived() {
      //vm.filterType(3);
      router.navigateTo('#/main/archived');
  }
  </code></pre>
  
  <p>The init() function waits on multiple promises to finish before allowing the activate function to return.</p>
  
  <p>This works, but when I click on a tab, the view immediately loads, then the transition happens and the view loads again, resulting in a very jerky effect.  Any ideas?</p>