title: AngularJS routing with redirection
body: <p>I'm working on AngularJS with ng-route, have a navigation <strong>Matches</strong>, <strong>Standings</strong> and when I click on <strong>Matches</strong> I want to open a sub navigation <strong>All</strong>, <strong>1st Round</strong>, <strong>Semi Finals</strong> ... and I want by default the <strong>allmatches.html</strong> view to be displayed below.</p>
  
  <p>I wrote something like this:</p>
  
  <pre><code>$routeProvider
    .when('/matches', {
      templateUrl: 'views/matchesmenu.html',
      controller: 'matchesmenuCtrl',
    })
  </code></pre>
  
  <p>to display the matches sub navigation once I click on <strong>Matches</strong> and it works fine. What can I do now to display the <strong>allmatches.html</strong> just below it (I mean by that route to <strong>matches/all</strong></p>
  
  <p>I tried to add </p>
  
  <pre><code>redirectTo : '/matches/all'
  </code></pre>
  
  <p>in </p>
  
  <pre><code> .when('/matches', {
      templateUrl: 'views/matchesmenu.html',
      controller: 'matchesmenuCtrl',
    })
  </code></pre>
  
  <p>but it redirects without displaying the sub navigation.</p>
  
  <p>Example on plnkr: <a href="https://plnkr.co/edit/UoTcOlcDQSwveCTbmxyY?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/UoTcOlcDQSwveCTbmxyY?p=preview</a></p>