title: Email Address in params 404s in Angular 2
body: <p>I have a few URLs which share a common relationship:
  <a href="http://localhost:3000/account/changeforgottenpassword" rel="nofollow noreferrer">http://localhost:3000/account/changeforgottenpassword</a></p>
  
  <p>(200OK, PASS)
  <a href="http://localhost:3000/account/changeforgottenpassword/testexample/75c09b18-6090-44df-a18d-d1fe06ab1cde" rel="nofollow noreferrer">http://localhost:3000/account/changeforgottenpassword/testexample/75c09b18-6090-44df-a18d-d1fe06ab1cde</a></p>
  
  <p>(200OK, PASS)
  <a href="http://localhost:3000/account/changeforgottenpassword/testexample2/75c09b18-6090-44df-a18d-moreblahd1fe06ab1cde" rel="nofollow noreferrer">http://localhost:3000/account/changeforgottenpassword/testexample2/75c09b18-6090-44df-a18d-moreblahd1fe06ab1cde</a></p>
  
  <p>(404 - FAIL)
  <a href="http://localhost:3000/account/changeforgottenpassword/blahblah@test.com/75c09b18-6090-44df-a18d-moreblah" rel="nofollow noreferrer">http://localhost:3000/account/changeforgottenpassword/blahblah@test.com/75c09b18-6090-44df-a18d-moreblah</a></p>
  
  <p>In <code>app.module.ts</code> I have the following routes configured (code shortened for brevity):</p>
  
  <pre><code>    import { RouterModule } from '@angular/router';
  
      RouterModule.forRoot([
        { path: 'login', component: LoginComponent },
        { path: 'login/forgotpassword', component: ForgotPasswordComponent },
    { path: 'account/changeforgottenpassword/:type/:id', component: ChangePasswordComponent },
        { path: 'dashboard', component: DashboardComponent },
        { path: '', redirectTo: 'login', pathMatch: 'full' },
        { path: '**', component: PageNotFoundComponent }
      ])
  </code></pre>
  
  <p>All of the routes work. However, the <code>account/changeforgottenpassword</code> path will need to be configured so the respective <code>ChangePasswordComponent</code> only displays for the second URL, third URL, etc.</p>
  
  <p>I tried to wildcard the path (e.g. <code>account/changeforgottenpassword/**</code>) but that did not work.</p>
  
  <p>In the end, all I end up with is a 404 when visiting URLs with email addresses specified in the parameters.</p>
  
  <p>CODE snippet is here: <a href="https://plnkr.co/edit/g2wkInKnWnbRhgqVHkRg?p=catalogue" rel="nofollow noreferrer">https://plnkr.co/edit/g2wkInKnWnbRhgqVHkRg?p=catalogue</a></p>
  
  <p>Thanks for your time, S.O. community!</p>