title: Hash location strategy in angular4 app
body: <p>I started working on angular4 app and I am using <code>hash location strategy</code> in that app. I am able to introduce <code>hash location strategy</code> and its working completely fine.</p>
  
  <p>My question is: there is any way to adjust the position of <code>hash</code> in the url?</p>
  
  <p>For example: My routing module is:</p>
  
  <pre><code>[
    {path: '', redirectTo: 'parent', pathMatch: 'full'},
    { path: 'parent',
      children: [
        { path: '', redirectTo: 'upload', pathMatch: 'full' },
        { path: 'upload', component: UploaderComponent },
        {path: 'dashboard', component: DashboardComponent},
      ]
    }
  ]
  </code></pre>
  
  <p>And I am registering these routes as:</p>
  
  <pre><code>RouterModule.forRoot(routes, { useHash: true });
  </code></pre>
  
  <p>When I loads my app, url comes out as:</p>
  
  <pre><code>http://localhost:4200/#/parent/upload
  </code></pre>
  
  <p>But, is there any way to make my route as:</p>
  
  <pre><code>http://localhost:4200/parent/#/upload
  </code></pre>
  
  <p>I was looking into the official doc for <a href="https://angular.io/guide/router#browser-url-styles" rel="nofollow noreferrer">angular-routing</a>, but was not able to find out any way to achieve this.</p>
  
  <p>Any useful suggestion to achieve this will be appreciated!!</p>
  
  <p>Thanks!</p>