title: Angular router 3 wildcard matching
body: <p>What is wrong with following route configuration? I am always navigated to <code>**</code> even if there is a route for <code>app/jungle</code>.</p>
  
  <pre><code>import {bootstrap} from '@angular/platform-browser-dynamic';
  
  
  import { RouterConfig, provideRouter } from '@angular/router@3.0.0-beta.2'
  
  import {App} from './app';
  import { HomeComponent } from './home.component';
  import { JungleComponent } from './jungle.component';
  import { NotFoundComponent } from './not-found.component';
  
  
  
  const APP_ROUTES: RouterConfig = [
    {
      path: '', pathMatch: '', redirectTo: 'app/home'
    },
    {
      path: 'app/', pathMatch: '', redirectTo: 'app/home'
    },
    {
      path: 'app/home', component: HomeComponent
    },
    {
      path: 'app/jungle', component: JungleComponent
    },
    {
      path: '**', component: NotFoundComponent
    }
  ]
  
  bootstrap(App, [provideRouter(APP_ROUTES)])
    .catch(err =&gt; console.error(err));
  </code></pre>
  
  <p><a href="http://plnkr.co/edit/sM0ckvL7qwSOOYZRdCbK?p=preview" rel="nofollow">Here</a> is a plunker.
  <strong>I am using @angular/router@3.0.0-beta.2</strong></p>