title: Angular 5 Route - Special Chars Not Working in custom route
body: <p>When I try to access a URL type:</p>
  
  <p><a href="http://10.0.6.11/MyApp/AppConArchV2/recovery-password/4%2FtHJjji%2FKmXJulT%2BdRcNdgL%2FCTC1kDszQ93q8jpheYXYgD8u1ZCZFyOgW1z3OzVQmTebDHYxAYckV0urYTsKJxPNRZFvkflz7jv6OsTHCABMmW2yjAhnrZKOQHSQJbZ3vNSFOHeJXXKqTU0ylwjMD%2FE0aRWbqvG5vG%2FubJeA1GFA21%2FYUsuXT2pFkulKQHHZNeFkQ%3D%3D-conarchadmin@consiliumdcs.com" rel="nofollow noreferrer">http://10.0.6.11/MyApp/AppConArchV2/recovery-password/4%2FtHJjji%2FKmXJulT%2BdRcNdgL%2FCTC1kDszQ93q8jpheYXYgD8u1ZCZFyOgW1z3OzVQmTebDHYxAYckV0urYTsKJxPNRZFvkflz7jv6OsTHCABMmW2yjAhnrZKOQHSQJbZ3vNSFOHeJXXKqTU0ylwjMD%2FE0aRWbqvG5vG%2FubJeA1GFA21%2FYUsuXT2pFkulKQHHZNeFkQ%3D%3D-conarchadmin@consiliumdcs.com</a></p>
  
  <p>I get a 404 error</p>
  
  <p><a href="https://i.stack.imgur.com/GWOB5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GWOB5.png" alt="enter image description here"></a></p>
  
  <p>But when this url is tested with localhost (via ng-serve) if it works</p>
  
  <p>When I try to remove the characters encoded by the browser <strong>%2</strong>
  the url if it works</p>
  
  <p>How can I let angular accept these parameters</p>
  
  <pre><code>const appRoutes: Routes = [
  //this route
    { path: 'recovery-password/:token', component: RecoveryPasswordComponent, pathMatch: 'full', runGuardsAndResolvers: 'always', canActivate: [AnonymousGuard]},
    { path: 'main', component: MainComponent, pathMatch: 'full', runGuardsAndResolvers: 'always', canActivate: [AuthGuard] },
    { path: '', redirectTo: '/login', pathMatch: 'full' },
    { path: '**', redirectTo: '/login' },
  ];
  
  export const routing = RouterModule.forRoot(appRoutes, { onSameUrlNavigation: 'reload' });
  </code></pre>